Найти тему
WordPress Topsite Web

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

Оглавление

Вы хотите добавить навигационное меню WordPress в свои сообщения или страницы?

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

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

Зачем добавлять навигационное меню WordPress?

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

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

Например, вы можете добавить уникальное меню, ссылающееся на все продукты, упомянутые на конкретной странице продаж.

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

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

Способ 1: Использование навигационного блока WordPress

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

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

Чтобы начать работу с этим методом, просто откройте страницу или сообщение, где вы хотите добавить навигационное меню WordPress. Затем нажмите кнопку "+", чтобы добавить новый блок на страницу.

Во всплывающем окне введите "Навигация".

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

Навигационный блок по умолчанию покажет одно из ваших меню.

Если вы хотите добавить другое меню, откройте вкладку "Блок". Затем вам нужно выбрать вкладку "Просмотр списка".

Здесь вы можете нажать на три точки рядом с "Меню".

Затем просто выберите меню, которое вы хотите использовать вместо этого.

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

Чтобы добавить ссылки в навигационное меню, нажмите на значок «+» на вкладке «Просмотр списка».

Откроется всплывающее окно с различными опциями.

Чтобы добавить ссылку на любую страницу вашего сайта, просто нажмите "Ссылка на страницу".

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

Чтобы добавить больше страниц в навигационное меню, просто повторите тот же процесс, описанный выше.

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

Чтобы начать, нажмите на значок "+" на вкладке "Просмотр списка". На этот раз выберите "Социальные иконки".

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

Чтобы начать, нажмите на новый раздел "+ Нажмите плюс, чтобы добавить".

Теперь выберите социальную сеть, на которую вы хотите перейти.

После этого вам нужно будет настроить значок социальной сети.

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

Просто повторите эти шаги, чтобы добавить больше социальных иконок в навигационное меню.

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

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

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

Независимо от того, используете ли вы встроенную функцию WordPress или расширенный плагин, такой как SearchWP, просто выберите «Поиск», чтобы добавить строку поиска в меню.

Когда вы довольны содержанием меню, вы можете изменить его внешний вид.

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

После этого вы можете изменить цвет фона, цвет текста, типографику и многое другое, выбрав вкладку "Стили".

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

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

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

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

Теперь, если вы посетите эту страницу или сообщение, вы увидите навигационное меню в действии.

Способ 2: Использование полного редактора сайтов

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

Если вы используете блочную тему, такую как Hestia Pro, вы можете добавить навигационное меню WordPress на страницу или шаблон сообщения. Затем это меню появится на всех ваших страницах или сообщениях без необходимости добавлять его вручную. Это идеально, если вы всегда хотите показать одно и то же навигационное меню в одном и том же месте.

Чтобы начать, перейдите в редактор тем » на панели управления WordPress.

По умолчанию редактор покажет домашний шаблон вашей темы.

Чтобы добавить навигационное меню на свои страницы или сообщения WordPress, нажмите «Шаблоны» в левом меню.

Теперь редактор покажет все шаблоны, которые составляют вашу тему WordPress.

Чтобы добавить навигационное меню к сообщениям в блоге WordPress, выберите шаблон "Single". Если вы хотите добавить меню на свои страницы, выберите шаблон "Страница".

WordPress теперь покажет предварительный просмотр выбранного вами шаблона.

Чтобы отредактировать этот шаблон, нажмите на маленький значок карандаша.

После этого нажмите на синий значок "+" в верхнем левом углу.

В появившейся строке поиска введите "Навигация".

Когда появится нужный блок, перетащите его на шаблон.

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

Теперь вы можете нажать на три точки рядом с "Меню", чтобы увидеть все меню, которые вы создали на своем веб-сайте WordPress.

Просто выберите любое меню из списка.

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

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

Метод 3: Создание пользовательской темы WordPress

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

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

SeedProd — лучший конструктор страниц WordPress, а пользователи Pro и Elite также получают продвинутый конструктор тем. Это позволяет вам создавать свои собственные темы WordPress без написания кода.

После создания темы вы можете добавить навигационное меню в любую часть вашего сайта WordPress.

Просто перейдите в SeedProd » Конструктор тем и найдите шаблон, который управляет макетом ваших сообщений или страниц. Обычно это будет "Одностраничное сообщение" или "Одна страница".

Это откроет шаблон в конструкторе страниц перетаскивания SeedProd.

В левом меню прокрутите до раздела "Виджеты". Здесь найдите блок меню навигации и перетащите его на макет.

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

Теперь откройте раскрывающийся список "Выбрать меню" и выберите меню, которое вы хотите показать.

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

Чтобы просмотреть, как будет выглядеть меню на вашем сайте, нажмите кнопку "Применить".

Затем вы можете выбрать стиль меню, нажав на вкладку "Дополнительно".

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

Вы также можете изменить цвет и шрифт, используемые для пунктов меню.

Просто используйте настройки "Текстовая типография" и "Цвет текста", чтобы внести эти изменения.

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

Когда вы будете довольны тем, как выглядит меню, нажмите кнопку "Сохранить" на панели инструментов SeedProd. Затем выберите "Опубликовать".

Теперь, если вы посетите свой сайт, вы увидите новую страницу или макет поста в действии.