Меню навигации WordPress — как его создать и управлять им

Меню навигации WordPress — инструкции по его созданию. Как добавить в него отдельные пункты, вставить свою ссылку и управлять размещением меню в шаблоне.

Меню навигации WordPress

Что такое навигационное меню?

Меню навигации помогает посетителям сайта ориентироваться в его содержании . С его помощью они найдут необходимую информацию, которую ищут. навигация создает структуру вашего сайта WordPress. Чаще всего вы найдете его вверху или сбоку страницы.

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

Как создать меню навигации в WordPress

меню создания вордпресс
Создание меню в WordPress

Большинство шаблонов WordPress позволяют создавать более одного меню навигации . Можно создать сразу несколько — в шапке, сайдбаре (в виде виджета) или в футере. Чтобы создать новую навигацию, нажмите « Меню » в разделе « Внешний вид » в администрировании шаблона. Откроется окно сообщения.

Когда вы нажмете на Создать новое меню , откроется окно, в котором вы заполните его имя. Щелкните меню «Создать », чтобы создать новый элемент навигации.

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

💡 Tip: Choosing the right hosting is crucial for a fast website ⏱ . I recommend betting on verified quality ➡️ Bluehost or SiteGround.

Изменить существующую навигацию

Редактирование меню WordPress
Изменить навигацию

Вы можете дополнительно редактировать отдельные параметры навигации. Их список отображается при нажатии на стрелку в окне выбора меню для редактирования . После выбора определенного элемента нажмите Выбрать . Теперь вы можете редактировать некоторые атрибуты панели навигации:

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

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

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

Не забудьте сохранить все сделанные настройки, щелкнув меню «Сохранить ».

Вы также можете посмотреть этот шаг на видео:

https://www.youtube.com/watch?v=L6z5e0Fnf9Y

Изменить параметры

WordPress настроить параметры меню
Настройка параметров меню

Вы также можете установить некоторые параметры для каждого элемента при редактировании навигации. При нажатии на маленькую стрелку рядом с названием элемента откроется новое окно. Вы можете редактировать здесь:

Атрибут подписи — это описание появляется, когда вы наводите курсор на элемент.
Открыть ссылку в новой вкладке . По умолчанию новый элемент открывается в том же окне браузера. Установите этот флажок, чтобы открыть ссылку в новой вкладке.
Классы CSS — вы можете добавить к элементу классы CSS.
Сеть друзей Xhtlml (XFN) — позволяет создавать атрибуты XFN, которые можно использовать, чтобы показать, как вы связаны с авторами страницы, на которую вы ссылаетесь.
Описание — описание предмета.

Вы также найдете здесь возможность переместить элемент на один выше и ниже. Вы также можете изменить расположение элемента навигации, выбрав строку Out из-под … или To top .

Последние строки — это функции:
Удалить — удаляет элемент
Отмена — отменяет сделанные изменения.

Щелкните меню Сохранить , чтобы сохранить изменения.

💡 Tip for themes: From premium themes, I have good experience with themes Divi, Avada and with page builder Elementor.

Изменить название ссылки

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

Добавить статью и ссылку на категории

Вы также можете добавить ссылки на определенные статьи и категории в отдельные пункты меню. Для этого нажмите на стрелку рядом со статьями или категориями . Используйте функцию « Статьи », чтобы вставить ссылку на раздел статей в навигации. Используйте функцию « Категории », чтобы назначить определенные категории для навигации.

Вставьте свою ссылку

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

Удалить элемент

Если вы хотите удалить конкретную ссылку, нажмите на стрелку рядом с ее названием. Из появившихся вариантов выберите Удалить . Щелкните меню Сохранить , чтобы сохранить изменения.

💡 Do you want a faster ⏱ website? Website speed is important for both visitors and SEO. I got the best results thanks to the WP Rocket plugin, which I highly recommend.

Управление расположением меню

меню управления вордпресс
Управление расположением меню

Вы найдете параметры управления местоположением в верхней части окна редактирования меню. Нажмите Управление местами размещения , чтобы открыть новое окно. Вы увидите список нескольких вариантов размещения, используемых вашим шаблоном WordPress . У вас может быть одно или несколько мест здесь. Чтобы назначить элемент навигации определенному параметру, выберите его из списка местоположений. Щелкните Сохранить изменения, чтобы сохранить изменения .

Больше технической информации — как прописать и отображать навигационное меню в собственном шаблоне — можно найти в официальной документации по разработке .

Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь