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

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

Связанный: Узнайте, как оптимизировать навигацию по сайту для поисковых систем.

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

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

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

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

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

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

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

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

Укажите название для вашего меню и нажмите кнопку «Создать меню».

Создать меню

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

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

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

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

Добавить меню в шапку

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

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

Связанный: Как добавить плавающий липкий виджет на боковую панель WordPress?

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

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

Виджет меню навигации

• Укажите заголовок и выберите имя вашего навигационного меню.

Выберите меню для навигации

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

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

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

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

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

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

На приведенных выше снимках экрана показано использование классического редактора виджетов с помощью перетаскивания. Однако у вас будет редактор блоков виджетов Gutenberg из WordPress версии 5.8. Поскольку «Меню навигации» — это блок в Гутенберге, вы можете вставить его в боковую панель или область нижнего колонтитула, как и любые другие блоки.

Вставить меню навигации в область виджетов

Блок будет выглядеть так, как показано ниже, и вы можете ввести название виджета и выбрать меню из списка ранее созданных пунктов меню. Также можно отображать элементы подменю в свернутом или развернутом виде.

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

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

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

Блок навигации WordPress

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

Блок навигации и настройки

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