Меню WordPress: как сделать и настроить

Меню WordPress: как сделать и настроить

Информация обновлена 02.04.2022 года

Как создать, отредактировать, удалить меню в вордпресс

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

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

 

Меню WordPress: как сделать и настроить

Зайдите в раздел Внешний вид, далее Меню. Вы можете отредактировать меню или создать новое. Обратите внимание на список элементов, которые можно добавлять в содержание сайта:

  • страницы,
  • записи,
  • произвольные ссылки,
  • рубрики.

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

как сделать и настроить меню в wordpress

При создании меню сайта на вордпресс, задайте название. Наименование будете видеть только вы. Поэтому, лучше обозначить так, чтобы вам было удобно ориентироваться. К примеру, верхнее или боковое меню.

Настройка меню страниц

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

меню страниц

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

Справа показана структура меню, в который вы можете менять очередность пунктов. Просто зажмите левой клавишей мышки и перетащите в нужное место: выше или ниже. Так же, можно поменять расположение пунктов другим способом. Выберите нужный, нажмите на треугольник и задайте настройки. Не забудьте обязательно Сохранить меню.

пункты меню

Если, по каким-то причинам, вам нужно Удалить меню, то данная вкладка находится в левом нижнем углу.

Выпадающее меню

Выпадающее меню wordpress создается просто. Допустим, на сайте есть категория О сайте и нам нужно добавить в нее подраздел “Привет, мир!”. Открываем вкладку Записи, выбираем название и добавляем в меню.

выпадающее меню с подразделами и подрубриками

Далее, перетаскиваем под нужное название и смещаем элемент вправо. Обратите внимание, что появилась надпись Дочерний элемент. Сохраняем и смотрим результат. Теперь, при наведении на вкладку О сайте добавился подраздел.

создание подразделов

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

Мобильное меню wordpress

Как настроить мобильное меню wordpress? Зайдите в раздел Внешний вид, далее Настроить. Вас перенаправит на страницу визуального редактирования сайта. Жмем на вкладку Меню и смотрим как данный элемент отображается на разных устройствах: компьютере, планшете, мобильных телефонах.

настройка мобильной навигации

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

отображение меню для мобильных устройств

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

редактирование мобильного меню

Важно! Настройка сохранится только для мобильного меню. Если хотите задать новый дизайн для разных устройств, то отредактируйте параметры меню для каждого из них. Или, оставьте все как есть.

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

Меню категорий

Чтобы сделать меню категорий или рубрик нужно, для начала, их создать. Зайдите в раздел ЗаписиРубрики. Введите название и нажмите Добавить новую рубрику. Далее, открываем вкладку Меню и добавляем категории таким же способом, как и страницы. Оформление подкатегорий аналогичное, как и в настройке меню страниц.

добавление и размещение рубрик или категорий

Боковое меню wordpress

Как добавить боковое меню в wordpress? В теме Астра есть удобный функционал. Зайдя в настройки меню можно выбрать место для размещения. Нажмите на Управление областями. Перед вами появится список ↓.

добавление и настройка бокового меню

Если у вас уже создано меню для размещения в боковой области или вы хотите продублировать имеющееся (например, верхнее основное), то просто нажмите на галочку и выберите его наименование из списка.

Как добавить боковое меню, если нет функции выбора областей. Делается это с помощью виджетов. Описывать данный процесс не буду, т. к. подробная информация есть в этой статье. Переходите → знакомьтесь.

Добавление и настройка меню в футере сайта

Чтобы добавить меню в подвал (футер) сайта, перейдите в Управление областями. Сделайте те же шаги, что и при размещении бокового меню. Далее, зайдите в раздел Внешний вид → Настроить → Конструктор футера. В теме Астра можно разместить меню, как и другие элементы, в трех блоках подвала сайта.

добавление и настройка меню в футере сайта

Нажмите на шестеренку и задайте разметку блока. Далее, в нужной колонке кликнете на значок ➕ и выберите виджет Footer menu. Не забудьте Опубликовать. В любой момент вы можете переместить или удалить элемент.

хостинг бегет для создания сайтов

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

Желаю успехов в ваших начинаниях!

Подпишитесь на уведомления о выходе свежих публикаций!

Мы не спамим! Прочтите нашу политику конфиденциальности, чтобы узнать больше.

 

Оставьте комментарий

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