Как добавлять статьи, страницы и рубрики в меню сайта WordPress

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

Управление выпадающим меню сайта WordPress

Для начала рассмотрим из чего состоит окно редактора. Заходим в панель управления Внешний вид → Меню. Присмотритесь, оно разделено на две части. А также здесь можно перейти в окно визуальной настройки, нажав кнопку вверху.

Управление меню сайта Вордпресс

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

Вверху необходимо выбрать вид меню. В нашем случае это верхнее. Хотя в зависимости от установленной темы вордпресс могут встречаться и другие виды. Выглядит оно примерно таким образом:

Пример выпадающего верхнего меню сайта

Это пример моего меню. Теперь давайте перейдём к более детальным настройкам.

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

Главная страница в меню блога

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

Можно назвать Главная страница или просто Главная. Либо Все записи или что-то ещё. Теперь жмёте кнопку Сохранить. Она находится справа внизу и вверху. Готово.

Как вывести в меню сайта статьи, рубрики и страницы

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

Добавление статей, рубрик и страниц в меню сайта вордпресс

В левой части окна разворачиваем стрелкой нужный блок. Галочками выбираем элементы. Затем жмём кнопку Добавить в меню. Если необходимо добавить все, ставим галочку в соответствующем пункте. Как видите, ничего сложного.

Как расположить элементы меню в нужном порядке

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

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

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

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

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

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

Произвольные ссылки выпадающего меню сайта вордпрессОткрываем стрелкой блок Произвольные ссылки. В поле URL вводим символ # решётку. А текст вводите на своё усмотрение. Например, пишем Избранное. И добавляем.

Как добавлять статьи, страницы и рубрики в меню сайта WordPress

После того, как элемент появился справа, методом перетаскивания добавляем ему пару дочерних элементов. Сохраняем. Далее идём на сайт и любуемся изменениями. У нас появился новый пункт в выпадающем меню.

Выпадающее меню и произвольная ссылка на сайте вордпресс

Кстати, в WordPress также имеется возможность создавать пункт меню без ссылки.

Как переименовать ссылки в выпадающем меню сайта WordPress

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

Как переименовать пункты меню

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

Передумали — жмёте кнопку Отмена.

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

Давайте теперь на минутку заглянем в самый низ правой части окна.

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

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

Также здесь выбирается область отображения. У нас это Основная навигация. Иконки соцсетей рассмотрим в другой раз.

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

На этом пока всё. До новых встреч! 😉

В следующем уроке мы добавим сайт в Яндекс.Вебмастер и сделаем базовые настройки.