Как добавить виджет меню навигации в WordPress?

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

Связанный: Поисковая оптимизация для навигации по сайту.

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

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

  • Вы можете показать список полезных статей коллекции и показать их на боковой панели.
  • Показывать полезные ссылки в области виджетов нижнего колонтитула.

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

  • Вы можете использовать один список меню в заголовке как основное меню или в боковой панели / нижнем колонтитуле как виджет меню навигации. Вы не можете использовать текстовые / пользовательские HTML-виджеты в качестве меню в верхнем или нижнем колонтитуле.
  • Разработчики тем могут настраивать внешний вид виджетов, и поэтому меню навигации на боковой панели будет выглядеть красиво по сравнению с простым списком. Если вы используете виджет Custom HTML, вам необходимо настроить внешний вид с помощью собственного пользовательского CSS.
  • Как правило, вы можете видеть, что просматриваемая в данный момент страница в меню навигации выделена (это также зависит от вашей темы). Это поможет вам создать документацию и учебные пособия, чтобы иметь коллекцию связанных статей.

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

После входа в админ-панель WordPress перейдите в раздел «Внешний вид> Меню». Щелкните ссылку «создать новое меню».

Создание меню в WordPress

Дайте название вашему меню и нажмите кнопку «Создать меню».

Создать меню
Создать меню

Добавьте ссылки в свое меню и нажмите «Сохранить меню» после заполнения пунктов списка.

Добавить ссылки в меню
Добавить ссылки в меню

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

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

Добавить меню в заголовок
Добавить меню в заголовок

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

Поддерживаемые положения меню в теме
Поддерживаемые положения меню в теме

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

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

Подобно боковой панели, вы можете перетащить виджет «Меню навигации» в область нижнего колонтитула.

Выберите меню навигации в нижнем колонтитуле
Выберите меню навигации в нижнем колонтитуле

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

Вид виджета меню навигации в нижнем колонтитуле
Вид виджета меню навигации в нижнем колонтитуле

Внешний вид виджета меню навигации зависит от стиля вашей темы. Простые темы, такие как GeneratePress и Astra, не предлагают стилизации виджетов. В этом случае вам может потребоваться добавить собственный CSS самостоятельно. Однако многие коммерческие темы предлагают индивидуальный стиль виджетов боковой панели. Это поможет вам выделить элементы навигационного меню на фоне основного контента. Ниже приведен пример темы Highend, которая показывает виджет меню навигации на боковой панели.

Меню навигации на боковой панели
Меню навигации на боковой панели

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *