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

Пример добавленных рубрик в меню WordPress

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

Как добавить рубрики в меню WordPress

Добавляем рубрику в меню WordPress

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

Заходим в раздел «Внешний вид» — «Меню» и находим блок рубрик:

Используем блок

После этого вам необходимо определиться с той рубрикой, которая пойдёт в набор меню и нажать на кнопку «Добавить в меню». Я, например, добавлю рубрику «Безопасность» в существующий набор меню:

Находим нужную рубрику для добавления

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

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

Либо же вы можете добавить рубрику в главное меню, я пользуюсь этим для указания ссылки на раздел отзывов своего основного блога. ??

Успехов в создании удобной навигации на вашем сайте!

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

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

Алгоритм работы следующий.

1. Заходим в админку, и переходим в раздел «Внешний вид» — «Меню».

2. Выбираем или создаем новое меню, с которым вы будете работать.

3. Слева в блоке «Добавьте элементы меню», выбираем вкладку «Рубрики».

4. Далее в верхней навигации выбираем пункт «Все» и в списке ставим чекбокс напротив нужной категории.

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

6. Нажимаем на него, чтобы отредактировать. Тут у вас есть возможность указать текст ссылки, проще говоря, название самого меню. Это крутая опция, если вы создали длинное название рубрики для seo оптимизации, то тут вы можете сократить его, чтобы оно гармонично вписывалось в дизайн сайта.

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

Вывести созданное таким образом меню можно с помощью виджета «Меню», либо же прописав код для вывода меню непосредственно в файлах WordPress.

Привязка различных меню к рубрикам

Иногда нужно создать отдельные типы навигации внутри самих рубрик, и так, чтобы в каждой отдельной рубрике было свое меню. В таком случае вам нужно воспользоваться логическими операторами. Сделать это можно с помощью кода, например функции is_category(), например, используя id рубрики или же slug, редактируя файлы вашей темы. Второй вариант – это установить плагин, который дает возможность задавать логику вывода меню. В данной статье мы рассмотрим плагин — Menu Item Visibility Control. Он позволяет использовать в качестве параметров встроенные в WordPress — Conditional Tags и таким образом контролировать настройки вывода меню.

Давайте разберемся, как с ним работать.

1. Устанавливаем плагин. Для этого в админке переходим в раздел «Плагины» — «Добавить новый».

2. В поиске вписываем название плагина – «Menu Item Visibility Control». Жмем установить, и активировать плагин.

3. После этого переходим в раздел «Внешний вид» — «Меню» и выбираем нужное нам меню. Далее справа выбираем пункт меню и жмем стрелку для его редактирования. Вы увидите, что появилось новое поле Visibility logic.

4. В этом поле нам нужно указать логику вывода меню, в нашем случае это касается рубрик. Со всем списком условных тегов WordPress, вы можете ознакомиться вот тут — https://codex.wordpress.org/Conditional_Tags. Допустим, в нашем случае мы хотим вывести рубрику «Подкатегория» в меню только для категории «Название рубрики», которая имеет параметры: id – «19» и slug – «podrubrika». Для этого в поле Visibility logic для пункта меню «Подрубрика» мы можем указать следующий код.

Вот как это выглядит в админке.

Жмем «Сохранить меню».

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

На этом сегодня все. Жду ваших комментариев.

Вступление

С помощью инструментов WordPress можно сделать очень хорошую навигацию по своему сайту. Одним из элементов навигации по сайту WP является специально созданные меню сайта. Меню WordPress можно создавать как внутренними инструментами администрирования WP, так и при помощи плагинов.

Создать меню WordPress при помощи встроенных инструментов администрирования

Для администрирования сайта WordPress, авторизуемся и входим в административную панель, консоль сайта. В меню панели нас интересует вкладка: Внешний вид > Меню.

Немного о принципах организации и структуре меню WordPress

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

  • Произвольные ссылки это возможность вставить в меню пункт — ссылку на любую стороннюю страницу Интернет или внутреннюю страницу сайта. Таким образом можно вставить в меню главную страницу сайта, указав в поле URL адрес главной страницы сайта.
  • Рубрики и страницы сайта выбираются для меню из списка реально существующих на сайте рубрик и страниц. Черновики рубрик и страниц в этот список не попадают.

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

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

Menu-mesto

На странице «Меню» есть две кнопки : Редактировать меню и Управление областями. Изменение внешнего вида страницы не коим образом не меняет ее функциональность. Меню «собирается» по прежним принципам : пункты меню выбираются из внешних ссылок, страниц и рубрик.

меню WordPress

Для примера создадим меню WordPress из главной страницы сайта и разветвленного меню рубрик и страниц сайта.

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

Скриншоты для версии ниже WP 3.8.

Чтобы создать меню WordPress, дадим ему имя. В правой верхней части окна вписываем «Заголовок меню» и нажимаем «Сохранить меню». Меню создано, теперь нужно наполнить его нужными пунктами.

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

В WordPress в качестве главной страницы можно выбрать:

  • любую статическую страницу сайта;
  • или последние публикуемые статьи в виде блога.

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

После добавления в меню появляется новый пункт с названием «Главная».

Menu1

Интересен пункт произвольно. При нажатии на «Произвольно» появится форма в которой

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

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

Sozdat-menu-wp-08

Sozdat-menu-wp-05

Меню создано остается поместить его на сайте. Это можно сделать в части «Область темы». Из выпадающих меню Navigation (это могут быть Main и Top Navigation) выбираем созданное меню «Главная» и нажимаем сохранить.

Sozdat-menu-wp-09

Sozdat-menu-wp-10

создать меню WordPress готово

Меню создано и размещено на сайте Worpress.

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

Создадим еще одно меню с рубриками и страницами сайта

Создаем меню с названием «Рубрики». Для этого сначала создадим меню дав ему имя. Нажимаем знак плюс [+], вписываем произвольное название меню в появившейся форме и нажимаем «Создать меню». Меню под новым названием создается и сохраняется. Остается собрать его,то есть наполнить нужными пунктами.

Menu2

В окнах «Страницы» и «Рубрики» выбираем нужные рубрики и/или страницы для добавления в меню. Для добавления нажимаем кнопку «Добавить в меню».

В центральной части страницы настроек «Структура меню», отражаются все выбранные пункты меню, которые можно выстроить в нужную вам структуру. Здесь можно менять порядковое расположение пунктов простым перетаскиванием левой кнопкой мыши. Также можно создать родительские и дочерние пункты.

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

Не забывайте «Сохранять меню». Как видите создать меню WordPress не сложно. Однако, внешний вид меню, созданных при помощи внутреннего администрирования WordPress, полностью определяется дизайном шаблона сайта. Иногда это не самый привлекательный вид. Для создания меню индивидуального дизайна, в том числе с эффектом выпадения подпунктов можно использовать неплохой плагин Dropdown Menu widget.

Оригинальное выпадающее меню WordPress плагином Dropdown Menu widget

Этот плагин не был протестирован с последними 3 основными версиями WordPress. Он может больше не поддерживаться и не поддерживаться и может иметь проблемы с совместимостью при использовании с более свежими версиями WordPress.

Для начала устанавливаем плагин на свой сайт. Сделать это можно любым из способов установки плагинов, в том числе скачать плагин с официальной страницы плагина на WordPress.org ( //wordpress.org/extend/plugins/dropdown-menu-widget/ ) и «залить» его в папку wp-content/plugins .

плагин Dropdown Menu widget

После активации плагина в меню «Параметры» появляется новый пункт «Dropdown Menu». Двумя кликами открываем его для настройки.

Основные настройки плагина делаем по своему усмотрению. Остановлюсь на нескольких из них.

Sozdat-menu-wp-15

Sozdat-menu-wp-14

В пункте «Темы» выбираем одну из 10 тем нового меню.

В пункте «Эффекты» ставим галочку «Использовать эффект выпадения»;

В пункте «Template Tag» (Шаблон тегов) выбираем из выпадающего списка, меню, которое нужно отображать. Здесь же копируем код, который нужно вставить в шаблон своего сайта, чтобы появилось новое меню на сайте.

Sozdat-menu-wp-16

Вставляем код меню Dropdown Menu в шаблон сайта

Чтобы вставить код(ниже) меню в шаблон, открываем в консоли Внешний вид >>> Редактор.

Вставляем код в любое нужное место шаблона, например, в файл шаблона header.php . Я выбрал место перед меню шаблона, созданного внутренними инструментами администрирования. Не забываем сохранятся.

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

После установки плагина Dropdown Menu widget в списках виджетов появляется новый виджет Dropdown Menu. С его помощью также можно сделать выпадающее меню в боковой части сайта.

Рабочий плагин меню

Плагин Max Mega Menu автоматически преобразует ваше существующее меню или меню в мега меню. Затем вы можете добавить любой виджет WordPress в свое меню, изменить стиль своего меню с помощью редактора тем и изменить поведение меню с помощью встроенных настроек. Последний тест на версии 5.4.1.

На этом про то, как создать простое и выпадающее меню WordPress все!

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

Плагины меню wordpress

Стандартные способы создания и вывода меню в WordPress:

  1. Если тема поддерживает WordPress 3 Menu System, то верхнее menu можно создать через раздел «Внешний вид» — «Меню», в противном случае оно формируется автоматически из публикуемых страниц.
  2. Создать меню, содержащее активные рубрики блога, можно с помощью виджета «Рубрики».
  3. Меню с ссылками на страницы блога выводится с помощью виджета «Страницы». Лично я никогда этим виджетом не пользовался, потому что на блоге страницы WP используются для вывода технической информации (о себе, карта сайта, обратная связь и так далее). Лучшее место для них — в шапке блога в горизонтальном виде. Так уж принято.
  4. Произвольное меню создается в разделе «Внешний вид» — «Меню», для вывода на блог используется одноименный виджет.
  5. Использовать дополнительными плагины WordPress.

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

Стандартные возможности WordPress

Перейдите в раздел «Внешний вид» — «Меню», нажмите на кнопку «+» и введите заголовок.

Теперь необходимо добавить в него пункты:

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

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

Страницы — выберете нужные страницы и нажмите «Добавить в меню».

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

Рубрики — отметьте галочками нужные рубрики и тоже нажмите «Добавить в меню».

Добавляем рубрику в меню

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

иерархия

Не забывайте сохранять внесенные изменения.

В темах, которые поддерживают WordPress 3 Menu System присутствует так же опция «Области темы» — это место в шаблоне WordPress, которое специально отведено под меню. Чаще всего оно предназначено для вывода верхнего горизонтального меню блога, которое часто называют «главным». В таком случае достаточно задать «Область темы», и оно автоматически появится на сайте.

Области темы

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

вывод произвольного меню

Сохраните настройки и полюбуйтесь на свое творение.

Верхнее меню WordPress — как отредактировать и удалить

Во многих темах верхнее menu формируется автоматически из публикуемых страниц, которые в основном используются для общей информации — «О блоге», «Полезная информация», «Карта сайта» и так далее. Для этого в файле header.php используется следующий код:

В моей теме оно дублируется еще внизу страницы, поэтому этот же код был и в шаблоне footer.php.

Чем это неудобно:

  • Формируется динамически из всех созданных и опубликованных страниц, хотите вы того или нет. Порой некоторые страницы нужно оставить незамеченными.
  • В некоторых темах под верхнее меню выделяется очень мало места, поэтому в нем отображаются только первые 3-4 пункта, а остальные скрываются под соседним слоем (будь то область контента или логотип). Смотрится это очень некрасиво, да и поисковые системы могут это счесть за преднамеренное сокрытие ссылок от посетителей.

Исправить эти недочеты достаточно легко — нужно просто удалить тот код, что я привел выше и написать следующую конструкцию:

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

  • значением атрибута href — содержит ссылку на нужную страницу;
  • значением между тегами — задает текст ссылки.

Плагины меню для WordPress

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

Вот перечень плагинов меню для WordPress с лучшими рейтингами:

  • Floating Menu — простой плагин, с помощью которого легко добавить симпатичное меню с использованием JQuery (библиотека JavaScript, которая используется для создания различного рода визуальных эффектов).
  • JQuery Slick Menu Widget — весьма интересное меню, которое можно закрепить в одном из шести местах по периметру экрана. Отлично подойдет для вывода такой информации как подписка на RSS ленту, форма регистрация, социальные кнопки, поиск по сайту и так далее.
  • JQuery Vertical Mega Menu Widget — плагин позволяет создать красивое вертикальное меню с использованием JQuery эффектов. После установки плагина добавляется новый виджет, в настройках которого можно выбрать внешний вид и эффекты. Само меню формируется стандартным образом — как я описывал выше.
  • JQuery Mega Menu Widget — плагин во многом аналогичен предыдущему, только создает горизонтальное меню, поэтому используйте его не в боковых сайтбарах/колонках, а в горизонтальных.
  • JQuery Accordion Menu Widget — продолжает серию плагинов с использованием JQuery. Создает красивый «аккордеон». Кто не знает, что такое «аккордеон», советую попробовать и увидеть своими глазами.

Спасибо за внимание! Подписывайтесь на мою RSS ленту новостей . Всех вам благ!

Лучший способ выразить благодарность автору — поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Рубрики сортируют и объединяют записи в группы постов по заданной тематике. Это помогает пользователю искать нужную информацию на сайте.
Для создания контента на WordPress используйте два инструмента — записи и страницы. Страницы имеют статичный характер и подходят для размещения информации, которая редко меняется: «Контактов», «О нас», «Услуги». Записи же имеют динамичный характер и показывают информацию в режиме блога. Создать рубрики можно только для записей.

В этой статье рассмотрим:

Видео-инструкция по созданию рубрики на WordPress

Как создать новую рубрику

«Uncategorized» (рус. «Без категории») — рубрика, которая создается по умолчанию. Каждый новый пост автоматически публикуется в этой рубрике.

Рубрика Uncategorized

Создадим три рубрики для пробы («Услуги», «Поддержка», «История») и две подрубрики («Хостинг» и «SSL-сертификаты»):

Рубрики в WordPress

Перейдите в административную консоль WordPress.
Чтобы создать новую рубрику, зайдите в меню «Записи» на панели инструментов слева и выберите раздел «Рубрики».

Создание рубрик в WordPress

В строке «Название» укажите название первой рубрики «История».

Содержание в строке «Ярлык» отображается в адресной строке пользователя при переходе в данную рубрику. Назовите «Ярлык» our-history. Рекомендуем писать название маленькими латинскими символами и использовать дефис вместо пробела и нижнего подчеркивания. Так как многие плагины для WordPress не учитывают русские символы, из-за этого работают некорректно.

Нажмите кнопку «Добавить новую рубрику».

Добавление новой рубрики в WordPress

Таким же образом создайте вторую рубрику с названием «Поддержка» и укажите ярлык «support».
Третья рубрика уже создана по умолчанию, измените ее на необходимую нам «Услуги». Чтобы отредактировать рубрику «Uncategorized», наведите курсор мыши на рубрику, выберите ссылку «Свойства». Измените название на «Услуги», ярлык – «services». Нажмите кнопку «Обновить рубрику».

Редактирование рубрики в WordPress

Обновите сайт и обратите внимание, что название рубрики «Uncategorized» изменилось на «Услуги». Сейчас все записи находятся в рубрике «Услуги». Созданные рубрики «Поддержка» и «История» не отображаются на сайте, так как пока не содержат контента.

Как создать рубрику в WordPress

Как создать подрубрику

Для примера, добавим в рубрику «Услуги» две подрубрики: «Хостинг» и «SSL-сертификаты».
Чтобы создать подрубрику «Хостинг», создайте рубрику и в названии указываем «Хостинг», ярлык – hosting. Затем в выпадающем списке «Родительской рубрики» выберите «Услуги». То есть рубрика «Хостинг» становится подрубрикой родительской «Услуги». Для сохранения нажмите кнопку «Добавить новую рубрику».

Создание подрубрики в WordPress

Аналогичным образом создайте подрубрику «SSL-сертификаты».

Как добавить записи в рубрики

Чтобы добавить записи в рубрику, зайдите в меню «Записи» на панели управления слева и выберите раздел «Все записи».

Для примера, мы создали записи: «Новые выделенные серверы», «Новые SSL-сертификаты высшего уровня безопасности», «Теперь мы доступны 24/7 в режиме онлайн» и «О нашей компании».

Новость о том, что в ассортименте хостинговых услуг прибавились новые выделенные серверы, добавьте в подрубрику «Хостинг» рубрики «Услуги».

Наведите курсор мыши на название записи и нажмите ссылку «Свойства». Поставьте галочки напротив нужных рубрик и нажмите кнопку «Обновить».

Как добавить записи в рубрики WordPress

Аналогично распределите оставшиеся записи по подходящим рубрикам.

Перейдите на сайт и обратите внимание, что все рубрики отображаются на странице сайта.

Рубрики WordPress на странице сайта

Как настроить отображение подрубрик на сайте

Чтобы рубрики отображались в виде иерархии, зайдите в меню «Внешний вид» на панели управления слева и выберите раздел «Виджеты». Виджет «Рубрики» установлен по умолчанию в большинстве тем в SideBar. SideBar – область сайта слева или справа от основного контента (боковая колонка), на которой с помощью виджетов можно расположить дополнительные элементы: рубрики, последние посты, формы подписки на рассылку, баннеры, последние комментарии, виджеты соцсетей и другое.

Если виджет «Рубрики» не включен по умолчанию, зажмите правой клавишей мыши на нем в разделе Доступные виджеты и перетяните в область SideBar.

Разверните вкладку «Рубрики», поставьте галочку напротив «Отображать иерархию» и нажмите кнопку «Сохранить».

Настройка отображения подрубрик WordPress на сайте

На картинке ниже увидите, что подрубрики «SSL-сертификаты» и «Хостинг» теперь отображаются в виде иерархии.

Отображение подрубрик WordPress в виде иерархии

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

Отображение количества записей в рубрике

Функция «В виде выпадающего меню» виджета «Рубрика», собирает все рубрики в одно меню. Это удобно при большом количестве записей, рубрик и подрубрик на сайте.

Функция выпадающего меню виджета Рубрика.

У нас можно заказать хостинг с предустановленным WordPress и получить домен для сайта бесплатно. Для требовательных сайтов с высокой посещаемостью есть VDS SSD.

Если же вы планируете работать как реселлер, то вам нужен реселлинг-хостинг.

WordPress как сделать меню из рубрик