Включить одностраничную навигацию легко и можно сделать на индивидуальной основе. Всякий раз, когда вы создаете или редактируете страницу, ищите поле «Настройки». Divi справа от текстового редактора. В этом поле вы увидите опцию Навигация по точки. В раскрывающемся меню выберите «Вкл.» И сохраните страницу. Теперь вы заметите, что в правой части страницы добавлена ​​плавающая панель навигации.

Панель точечной навигации автоматически добавляет интерактивную ссылку в каждый раздел вашей страницы. Когда вы добавляете новый раздел, новая ссылка (или точка) автоматически добавляется в вашу плавающую боковую навигацию.

Пользователи могут нажимать на точки, чтобы переходить к различным разделам страницы. Это также облегчает определение местоположения посетитель на странице, что облегчает понимание и навигацию по длинным страницам.

точка навигации divi.png

Создание пользовательских ссылок меню для одностраничных сайтов

В дополнение к боковой навигации также можно превратить основную навигацию заголовка в одностраничную навигацию. Если вы создадите Веб-сайт страницы, вы не хотите, чтобы ваши ссылки в меню указывали на отдельные страницы. Вместо этого эти ссылки могут указывать на соответствующие разделы на той же странице.

Когда вы нажимаете на них, они могут перенаправить вас в соответствующий раздел страницы, используя эффект плавной прокрутки. Это можно сделать с помощью персонализированных идентификаторов. Любому элементу страницы, созданной с помощью генератора, можно присвоить идентификатор.

Вы можете назначить идентификатор разделу, щелкнув значок настроек раздела и выполнив поиск параметра «CSS ID». После того, как идентификатор был назначен, вы можете получить к нему доступ из меню навигации.

Например, скажем, у вас есть раздел «О нас», и вы хотите, чтобы он подключался к той части вашей страницы, которая описывает вашу компанию.

о нас divi.png

Указание ссылки меню на идентификатор

Чтобы создать ссылку на настраиваемое меню, вам нужно будет добавить новую ссылку в свое меню, используя вкладку «Внешний вид> Меню» на панели инструментов WordPress. Если вы не знакомы с системой меню, см. этот удивительный урок. После того, как вы создали новое меню и назначили его основным местом навигации, вы можете начать добавлять ссылки в свой заголовок.

В этом случае мы создадим настраиваемую ссылку, щелкнув вкладку «Ссылка» в левой части страницы. После нажатия вы получите два поля (URL и текст ссылки). Для «текста ссылки» просто введите текст, который вы хотите отобразить в меню (например, «О нас»).

Для URL-адреса нам нужно указать идентификатор, который мы ранее присвоили нашему разделу. В этом случае мы добавили имя пользователя «о нас», но вы можете добавить любое имя идентификатора, какое захотите. Поскольку мы использовали идентификатор «aproposdenous», мы можем ссылаться на этот идентификатор, создав URL-адрес, указывающий на «/ #aboutdenous».

Вы можете использовать этот же метод для создания любого количества настраиваемых ссылок. Просто введите URL-адрес "/ #", а затем идентификатор, на который вы хотите настроить таргетинг.

о нас divi menu.png

Это все для этого руководства, я надеюсь, что он позволит вам создать сайт с одной страницей.