Меню WordPress

Меню WordPress

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

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

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

Посмотрите обзор практического создания меню WordPress в административной части сайта:

Меню WordPress создается и редактируется в разделе «Внешний вид» — «Меню». На сайте с движком wordpress все операции с меню производятся из этого пункта.

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

Интерфейс управления меню

Для начала введём название нового меню. Например «Главное меню» или «Основное меню» или просто «Меню» . Это необходимо для того, чтобы всегда можно было в списке всех доступных меню при настройке сайта выбрать нужное вам. Следует вводить осмысленное название.

Вводим название нового меню

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

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

Пример выбора из нескольких меню

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

Пример чистого меню

В разделе «Структура меню» отображаются созданные вами пункты меню. Например, вот так выглядит верхнее навигационное меню этого курса:

Пример существующего меню

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

Редактирование свойств пункта меню

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

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

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

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

«Области темы» задаются программистом при создании самой темы и необходимы для более быстрой настройки и добавления меню на сайте. Обычно имеются несколько областей: главное меню, меню в боковой колонке, меню в подвале или ссылки на профили в социальных сетях.

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

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

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

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

И увидим следующую картину:

Доступные типы пунктов меню

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

Активируем все доступные варианты

Можно не использовать свойство записи «Формат» и «Метки» и снять флажки, чтобы эти пункты не отвлекали от более часто используемых типов пунктов меню.

После всех настроек наш блок с типами будет выглядеть вот так:

Теперь мы можем добавить в меню ссылку на любой объект!

Давайте рассмотрим каждый раздел по отдельности, чтобы было понимание, что в нём находится.

Страницы

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

Самые свежие страницы

Почти во всех блоках есть возможность переключиться во вкладку «Все» и найти нужную вам страницу в порядке создания:

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

Отображение всех страниц

И так же можно найти любую страницу, в которой встречается нужное вам слово. Например, вы забыли название страницы (ведь их может быть больше десятка), но твёрдо помните, что в ней было слово «курс». Нет проблем! Переходим в закладку «Поиск» и вбиваем поисковый запрос:

Поиск страницы по содержимому

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

Выбор нескольких пунктов

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

Вот как это будет выглядеть с нашим новым меню (которое создавали чуть ранее в этой инструкции) и добавленными в него страницами:

Добавление страниц в меню

Записи

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

Добавление записей в меню

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

Произвольные ссылки

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

Выглядит очень просто и ничего лишнего в нём нет:

Например, вам надо добавить ссылку на форум вашего сайта, который находится по адресу http://site.ru/forum/ с названием ссылки «Форум». Делается это следующим образом:

В URL вы указываете ссылку на сайт или страницу, которые будут открыты при клике на надпись из поля «Текст ссылки».

Как создать меню партнёрских ссылок

Аналогично вы можете создать отдельное меню, назвать его «Я рекомендую» и с помощью данного типа «Произвольные ссылки» сформировать нужное количество ваших партнёрских ссылок на сервисы, а затем отобразить его в боковой колонке вашего сайта.

Посмотрите картинку с примером:

Пример меню с партнёрскими ссылками

Рубрики, метки и формат

В плане интерфейса здесь всё точно так же, как и со страницами и записями. Разница только в том, что в первой вкладке выводятся не последние добавленные типы, а самые часто используемые. Вот пример из рубрик:

Пример использования меток

Интерфейс управления меню довольно простой, достаточно только в нём разобраться.

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

Добавить комментарий

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