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

 


Эта тема весьма лёгкая в освоении. После изучения урока вы научитесь создавать простое и вложенное меню.

Составляющие меню

Прежде всего вы должны понимать, что меню можно создать из следующих элементов:

  1. Страниц.
  2. Записей.
  3. Рубрик/Категорий.
  4. Произвольных ссылок.

Например, вы хотите создать меню в WordPress из рубрики статей, которая предназначена для обучения. Её можно назвать как «Обучение» и вынести отдельным пунктом в меню. Также можно поступить и со статьёй, страницей и ссылкой на страницу/сайт.

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

Обратите внимание! Прежде чем формировать меню, необходимо создать те элементы, которые будут входит в него: страницы, рубрики и т.д. Но не волнуйтесь, в дальнейшем можно будет изменить меню по вашему усмотрению: удалить, переместить или добавить пункты. Поэтому, рекомендую прочесть статью «Создаём страницы, рубрики и посты в WordPress»

к оглавлению ↑

Создание меню

Итак, приступим к созданию меню. Пример создания меню в WordPress я буду показывать в теме Twenty Seventeen. Для этого вам нужно навести курсор мыши на «Внешний вид» и кликнуть по «Меню». Далее, указываем название меню, например, «Главное»:

название меню

Далее, нажимаем «Создать меню»:

создать меню

После создания меню становятся доступны для добавления следующие элементы:

элементы меню

Давайте кликнем по пункту «Страницы» и перейдём во вкладку «Все»:

меню вкладка все

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

структура меню

Вы можете самостоятельно менять размещение элементов. Для этого нужно навести курсор мыши на нужный пункт и перетащить его:

размещение элементов меню

Также можно сделать пункт меню вложенным в другой пункт меню. Для этого перетащите элемент меню под главный пункт и сместите курсор немного вправо:

к оглавлению ↑

вложенное менюМесто вывода меню

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

меню сайта

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

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

Делитесь полезной информацией с друзьями:

Рекомендую:

Книга «Создание веб-сайта для чайников» Дэвид Кроудер Книга «Создание веб-сайта для чайников» Дэвид Кроудер
Книга «Wordpress для начинающих» Дэрил Бартлетт Книга «Книга «Wordpress для начинающих» Дэрил Бартлетт

Сергей

Привет! Моё имя Сергей, и я — автор этого блога. Рад, что вас заинтересовал мой проект. Не забывайте оставлять комментарии к статьям. По всем другим вопросам обращайтесь через контактную форму на странице "Контакты".

Читайте также:

комментария 2

  1. Борис:

    Сергей здравствуйте! А как создать сложное меню, как на сайте интернет-магазина DNS?

    • Сергей:

      Добрый день, Борис. Проще обойтись специальным плагином для построения мегаменю, например, Max Mega Menu. Но как по мне, в любом подобном плагине нужно допиливать CSS, чтобы добиться желаемого результата.

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

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

Вверх