A Одностраничный сайт отображает все на одной странице. Эти веб-сайты отображают полную страницу (веб-сайт) после загрузки, и когда посетитель веб-сайта нажимает на каждый пункт меню, присутствующий в заголовке, различные разделы страницы будут открываться и отображаться.
Эти типы веб-сайтов имеют много преимуществ, таких как простая и удобная навигация, удобство для мобильных устройств, повышение вовлеченности посетителей веб-сайта, более высокий коэффициент конверсии, а также простота создания и обслуживания. Они подходят для целевых страниц, веб-сайты, посвященные событиям, и демонстрация ваших портфели коротко и четко.
Это может быть достигнуто с помощью жизненно важного элемента, называемого Идентификатор раздела которые можно указать в Раздел настроек.
В этой статье рассказывается, как создать одностраничный веб-сайт, используя ID раздела и Ссылка на пункт меню.
В этой статье:
- Создайте страницу и добавьте разделы
- Укажите идентификатор раздела
- Сделать страницу главной
- Создайте пункты меню ссылки, используя идентификатор раздела
- Включить кнопку «Вверх»
- Включить липкую навигацию
Создайте страницу и добавьте разделы
- Первым шагом является создать новую страницу и добавьте нужные разделы к нему.
- Вам необходимо создать все разделы, которые будут связаны с соответствующими пунктами меню (например, страницы «О нас» и «Контакты»).
Укажите идентификатор раздела
- После того, как вы добавили разделы на страницу, зайдите в настройки разделов всех добавленных разделов и указать идентификатор раздела каждому из них.
Сделать страницу главной
Далее идем в Вебсайт раздел, сделать страницу главной (1), и скрыть его из меню/навигации сайта (2).
Создайте пункты меню ссылки, используя идентификатор раздела
Теперь, создать пункты меню ссылки такие как «Дом», «О программе», «Работа», «Контакты» и т. д.
Чтобы добавить новый пункт меню ссылки, введите добавить ссылку (1) в поле поиска и нажмите на Добавить ссылку действие (2).
Чтобы связать элемент меню ссылки с разделом страницы, выполните следующие действия:
- Из издания Вебсайт раздел, наведите курсор на пункт меню ссылки и нажмите на значок значок трех вертикальных точек (1) рядом с ним.
- Выберите Настройки вариант (2) из выпадающего списка.
- Далее прокрутите вниз до Цель ссылки раздел (3), выберите Раздел страницы вкладку (4) и укажите Идентификатор раздела (5) раздела, который вы хотите связать.
- Идентификатор раздела должен быть таким же, как указано в разделе страницы без пробелов.
- Наконец, нажмите Сохранить кнопку (6).
Включить кнопку возврата наверх
Полезно иметь кнопку, которая исчезает при прокрутке вниз и плавает в нижней части браузера. Вы можете легко вернуться к началу, нажав на него.
- Чтобы включить кнопку «Вернуться к началу», перейдите к Проект раздел и нажмите кнопку нижний колонтитул вкладку или просто введите вернуться к началу в поле поиска таким образом:
- Далее прокрутите вниз до Вернуться к началу кнопки раздел и включите кнопку.
Включить липкую навигацию
Вы также можете включить липкую навигацию по заголовку, чтобы улучшить внешний вид вашего сайта. Узнать больше.
Проверьте демо-сайт с липкой навигацией.
Вуаля! Ваш одностраничный сайт готов. Вы можете просто нажать на кнопку Сайта Кнопка присутствует вверху, чтобы просмотреть ваш сайт.
Проверить Создайте свой веб-сайт на Pixpa — полное руководство статью, чтобы узнать о других настройках, которые вы можете сделать на своем веб-сайте.
Примечание:
- Идентификатор раздела чувствителен к регистру.
- Не используйте пробелы в идентификаторе раздела.
- Используйте тире для разделения слов в идентификаторе раздела.
Вот несколько демонстрационных одностраничных веб-сайтов: