ГлавнаяОбучение

Создание навигационного меню WordPress. Урок 11.

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

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

Чтобы создать меню, перейдите в консоли WordPress в пункт «Внешний вид», выберите подпункт «Меню» и введите название вашего меню в соответствующее поле. Давайте напишем там «Главное меню». Потом нажмите кнопку «Создать меню».

создаем меню WordPress

Меню создано. Теперь нужно добавить в него элементы. Для начала добавим туда наши две страницы. Поэтому смотрим в блок «Страницы». Поставьте галочки около нужных страниц. После этого нажмите кнопку «Добавить в меню».

urok-3-16

Сразу видим, что эти пункты появились в списке. Сначала идёт страница «Контакты», а потом «Обо мне».

urok-3-17

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

urok-3-18

Теперь давайте добавим в меню рубрики, которые мы создали. Для этого разверните блок «Рубрики».

urok-3-19

Как видите, открывается вкладка «Часто используемые». А так как рубрики мы ещё не использовали, там почти пустой список. Поэтому переключаемся во вкладку «Все», чтобы увидеть все наши рубрики.

urok-3-20

Здесь также отмечаем галочками нужные рубрики и нажимаем кнопку «Добавить в меню».

urok-3-21

Получаем примерно такую картину.

urok-3-22

И она меня тоже не устраивает, поэтому я поменял местами некоторые пункты, таким же методом, как описывал выше.

urok-3-23

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

urok-3-24

Теперь нам нужно определить, где будет выводиться меню. Для этого посмотрите немного вниз, в блок «Настройки меню» и поставьте галочку на «Primary».

urok-3-64

Всё! Меню готово! Наконец, можно нажать кнопку «Сохранить меню».

urok-3-25

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

urok-3-65-1

А также подпункты (подрубрики), которые появляются при наведении мышки.

urok-3-66-1

 

Задание №2 считается выполненным, если:

  • Вы создали меню, и хотя бы в одном из пунктов есть подпункт.
  • Меню видно на вашем сайте.

Если вы выполнили это задание, то перейдите к следующему — Создание записей WordPress

УжасноПлохоНормальноХорошоОтлично (Поставьте оценку статье)
Оставьте комментарий:
Я не спамлю...