Многие читатели спрашивают, почему их меню не отображается на сайте, или можно ли создавать разные вариации для определенных страниц или постов. Ответ на оба вопроса — да. Но процесс добавления меню в посты и страницы WordPress зависит от используемой темы.
Чтобы помочь вам, я подготовил это руководство. В нем я покажу, как добавить меню навигации ВордПресс в посты и страницы.
- Зачем добавлять меню навигации WordPress в посты и страницы
- Метод 1: Использование кастомайзера темы (только для классических тем)
- Метод 2: Использование блока навигации WordPress
- Метод 3: Применение полного редактора сайта (только для блочных тем)
- Метод 4: Создание кастомной темы WordPress
- Метод 5: Использование плагина WPBar
- Заключение
Зачем добавлять меню навигации WordPress в посты и страницы
Меню навигации — это список ссылок, указывающих на важные разделы сайта, обычно расположенный в верхней части страницы. Эти ссылки помогают посетителям найти то, что они ищут, улучшают качество обслуживания клиентов и удерживают людей на вашем веб-проекте WP дольше.
Точное расположение зависит от темы. Большинство шаблонов позволяют отображать меню в нескольких областях, но иногда может потребоваться добавить его к записи или странице.
Например, можете добавить уникальное меню со ссылками на все продукты, упомянутые на определенной странице продаж.
Также возможно использовать его для отображения определенных записей в блоге ВордПресс. Разместив это навигационное меню, вы можете побудить читателей ознакомиться с большим количеством контента.
С учетом вышесказанного, давайте посмотрим, как можно добавить навигационное меню WordPress к любому посту или странице.
Метод 1: Использование кастомайзера темы (только для классических тем)
Если используете классическую тему, а список ссылок на страницы не отображается на страницах и в постах, то, скорее всего, вы просто еще не создали меню и не добавили его в места меню шаблона.
Но не волнуйтесь, процесс довольно прост. Сначала перейдите на страницу «Внешний вид» > «Меню» в дашборде WordPress.
Обратите внимание, что у каждой классической темы есть разные места для меню. Некоторые могут включать варианты для основного меню навигации (внутри или вокруг области хедера), в футере, а иногда и в сайдбаре.
Метод 2: Использование блока навигации WordPress
Еще один способ добавить меню навигации WP к постам и страницам — использовать встроенный блок. Это позволяет отображать его в любом месте страницы или поста, но каждое необходимо добавлять вручную.
Чтобы начать использовать этот метод, просто откройте страницу или запись, в которую хотите вставить меню навигации ВордПресс. Затем нажмите кнопку «+», чтобы добавить новый блок в раздел.
Во всплывающем окне введите «Навигация».
Когда появится нужный блок, кликните по нему, чтобы добавить его на страницу или в запись.
Блок «Навигация» по умолчанию отобразит одно из ваших меню.
Если хотите добавить другой вариант вместо главного, откройте вкладку «Блок». Затем выберите вкладку «Список».
Здесь можете нажать на 3 точки рядом с «Меню», чтобы просмотреть все доступные варианты меню.
Затем просто выберите название меню, которое вы хотите использовать, или создайте новое.
Иногда может потребоваться кастомизировать его, добавив дополнительные ссылки. Например, если управляете интернет-магазином на WC, то можете вставить линки на все продукты онлайн-продажи, упомянутые на этой странице.
Чтобы добавить пользовательские ссылки в меню навигации, нажмите на значок «+» на вкладке «Список».
Откроется попап с различными вариантами.
Чтобы добавить ссылку на любую страницу сайта WordPress, просто нажмите «Ссылка на страницу».
Теперь можете выбрать страницу из раскрывающегося меню или начать вводить название. Когда появится нужная, нажмите, чтобы добавить ее в кастомное меню.
Чтобы добавить больше разделов в меню навигации, просто повторите описанный выше процесс.
Вы также можете добавить значки социальных сетей в меню ВордПресс, что побудит людей следить за вами там.
Чтобы начать, нажмите на значок «+» на вкладке «Список». На этот раз выберите «Значки социальных сетей».
Это добавит новую область, в которую вы можете вставить иконки социальных сетей.
Чтобы начать, нажмите на новый раздел «+ Нажмите плюс, чтобы добавить».
Теперь выберите социальную сеть, на которую хотите добавить ссылку.
Например, можете выбрать «Twitter», чтобы продвигать свою страницу в Twitter в WordPress.
После этого нужно будет кастомизировать иконку.
Точные шаги будут отличаться в зависимости от социальной сети. Однако, как правило, нужно будет кликнуть, чтобы выбрать ее, а затем ввести URL-адрес профиля.
Просто повторите эти шаги, чтобы добавить больше значков социальных сетей в меню навигации.
Наконец, можете добавить панель поиска в меню WP, чтобы помочь людям находить интересные страницы, посты, продукты и многое другое.
ВордПресс имеет встроенную функцию поиска. Но она является базовой и не всегда предоставляет точные результаты. Поэтому я рекомендую использовать специальный плагин для улучшения поиска на сайте.
Еще лучше, если выберете расширенный вариант, такой как SearchWP. Он заменит стандартный поиск WordPress. После настройки плагина все поля поиска на сайте будут автоматически использовать SearchWP.
Независимо от того, применяете ли вы встроенную функцию ВордПресс или расширенный плагин, просто выберите «Поиск», чтобы добавить панель поиска в меню.
Когда будете довольны содержанием меню, можете изменить его внешний вид.
Возможно изменить макет, включая его выравнивание и ориентацию, выбрав вкладку «Настройки».
После этого можете изменить стиль навигационного меню. Возможно кастомизировать цвет фона и текста, типографику и многое другое, выбрав вкладку «Стили».
По мере внесения изменений предварительный просмотр будет обновляться автоматически. Это означает, что вы можете попробовать множество различных настроек, чтобы увидеть, что лучше всего подходит для блога WP.
Есть еще много настроек, которые можете конфигурировать, но это все, что нужно, чтобы добавить полезное навигационное меню WordPress к посту или странице.
Когда будете готовы запустить навигационное меню, просто нажмите кнопку «Обновить» или «Опубликовать».
Теперь, если посетите эту страницу или пост, то увидите навигационное меню в действии.
Метод 3: Применение полного редактора сайта (только для блочных тем)
Если хотите добавить меню навигации только к нескольким постам и страницам, то метод 1 — отличный выбор. Однако нужно будет добавить каждое меню вручную, поэтому это не лучший вариант, если хотите отображать одно и то же меню на всем сайте.
Если используете блочную тему, такую как Hestia Pro, то можете добавить меню навигации WP к шаблону страницы или поста.
Оно будет отображаться во всех разделах или записях. Вам не нужно будет добавлять его вручную. Это идеальный вариант, если всегда хотите отображать одно и то же меню навигации в одном и том же месте.
Чтобы начать, перейдите в раздел «Внешний вид» > «Редактор» в дашборде WP.
Теперь вы увидите несколько меню на левом сайдбаре.
Чтобы добавить меню навигации на страницы или в посты WP, нажмите «Шаблоны» на левом сайдбаре.
Редактор покажет все шаблоны, из которых состоит тема WordPress.
Чтобы добавить меню навигации к постам в блоге ВордПресс, выберите шаблон «Один». Если хотите добавить меню к страницам, выберите вариант «Страница».
WordPress покажет предварительный просмотр выбранного шаблона.
Чтобы отредактировать этот темплейт, нажмите на маленький значок карандаша.
После этого кликните на синий значок «+» в верхнем левом углу.
В появившейся строке поиска введите «Навигация».
Когда появится нужный блок, перетащите его на ваш шаблон.
По умолчанию он будет отображать одно из меню. Если хотите добавить другое, нажмите на вкладку «Блок». После этого выберите «Список».
Теперь можете нажать на 3 точки рядом с «Меню», чтобы увидеть все меню, которые создали на своем сайте WP.
Просто выберите любое меню из списка.
После этого можете добавить в меню дополнительные страницы, панель поиска и многое другое, следуя инструкциям из метода 1.
Когда будете довольны внешним видом навигационного меню, нажмите кнопку «Сохранить». Оно станет активным. Теперь, если посетите сайт, то увидите одно и то же навигационное меню на всех страницах или в постах WP.
С помощью редактора всего сайта и редактора блоков можете создать несколько шаблонов навигационного меню и использовать их только на определенных разделах и в записях. Это может сэкономить массу времени и усилий.
Метод 4: Создание кастомной темы WordPress
Другой вариант — создать кастомную тему ВордПресс. Это более сложный метод, но он дает полный контроль над тем, где меню будет отображаться в постах или на страницах.
Раньше для создания кастомной темы WP нужно было следовать сложным инструкциям и писать код. Однако теперь с помощью SeedProd можно легко разрабатывать собственные варианты.
SeedProd — лучший конструктор WordPress с функцией перетаскивания, а пользователи Pro и Elite также получают расширенный конструктор. Это позволяет создавать собственные шаблоны без написания кода.
После создания темы можете добавить меню навигации в любую страницу сайта.
Просто перейдите в SeedProd > «Редактор тем». Найдите шаблон, который контролирует макет постов или страниц. Обычно это будет «Один пост» или «Одна страница».
Это откроет шаблон в конструкторе страниц SeedProd с функцией перетаскивания.
В меню слева прокрутите до раздела «Виджеты». Здесь найдите блок «Меню навигации». Перетащите его на свой макет.
После этого кликните, чтобы выбрать блок «Навигационное меню» в режиме предварительного просмотра.
Теперь откройте раскрывающийся список «Выбрать меню». Выберите меню, которое хотите отобразить.
Теперь можете ввести необязательный заголовок в поле «Заголовок». Он будет отображаться над навигационным меню WP.
Чтобы посмотреть, как меню будет выглядеть на сайте, нажмите кнопку «Применить».
Далее можете кастомизировать стиль меню, перейдя на вкладку «Дополнительно».
Если добавили название, то можете изменить цвет текста, кастомизировать типографику и добавить больше пространства между заголовком и пунктами меню.
Вы также можете изменить цвет и шрифт, используемые для пунктов меню.
Просто воспользуйтесь параметрами «Типографика текста» и «Цвет текста», чтобы внести эти правки.
После этого вы можете изменить интервалы, добавить кастомный CSS и даже вставить CSS-анимацию, используя параметры на вкладке «Дополнительно».
Когда вы будете довольны внешним видом меню, нажмите кнопку «Сохранить» в дашборде SeedProd. Затем выберите «Опубликовать».
Теперь, если посетите веб-сайт, вы увидите новый макет страницы или публикации в действии.
Метод 5: Использование плагина WPBar
Добавить меню на конкретную страницу или запись в WordPress также позволяет плагин WPBar. С его помощью в простом визуальном редакторе создается необходимое меню на базе представленных элементов. После чего оно закрепляется за отдельными страницами, разделами, типами записей, либо за всем сайтом.
WPBar дает возможность вывести меню, которое «прикрепляется» снизу экрана или сверху. Также присутствуют различные дополнительные опции настройки, вроде отображения только на мобильных устройствах или проявления навигации после продвижения страницы вниз на определенное количество пикселей.
Чтобы добавить простое навигационное меню через WPBar на конкретную страницу, проделайте следующие действия:
- Установите плагин, загрузив его с официального сайта разработчиков WPShop.
- Активируйте расширения, используя лицензию из личного кабинета.
- В меню WordPress появится пункт «WPBar». Нажмите «Добавить новую панель».
Если вы впервые открыли страницу создания панели, расширение проведет понятный виртуальный тур. Не рекомендую его пропускать, поскольку после него отпадут все вопросы по взаимодействию с плагином.
- Далее дайте название своему меню, как это делается обычно при создании нового контента WordPress.
- В блоке с элементами нажмите «Добавить элемент», чтобы создать новый пункт меню. В плагине можно не только добавить в меню обычную ссылку на другую страницу сайта. Также он позволяет включить в панель поиск, корзину, выход в общее меню сайта и многие другие элементы. Помимо типа действия, в блоке для элемента задается название, стиль и иконка.
- Сформировав меню, настройте внешний вид, чтобы он сочетался с основной темой сайта. Здесь имеются 6 готовых пресетов, а также присутствует возможность детальной настройки каждого из них.
- Следующий этап — общие настройки для конкретного бара. Выбирается его расположение, размер и поведение.
- Заключительный шаг — указание страниц, постов, товаров и типов записей, где будет отображаться меню. Можно таргетировать его вплоть до конкретной страницы или задать условную логику.
- Далее опубликуйте меню и перейдите на страницу, где оно должно показываться, чтобы проверить его работу.
Плагин WPBar дает возможность создать не просто меню-ссылки, а профессиональные панели для повышения конверсии сайта и улучшения поведенческих факторов. При этом, не требуется никаких знаний программирования, чтобы сформировать эффективное меню.
Заключение
Надеюсь, что эта статья помогла вам понять, как добавить меню навигации на сайте WordPress в записи и страницы.
