Боковое меню wordpress – 8 лучших расширений для WordPress для совершенствования меню на вашем сайте — Вебджем.рф

Содержание

Зависимое боковое меню в WordPress с виджетом Advanced Sidebar Menu

Давайте рассмотрим решение одной тривиальной задачи с wordpress меню которая время от времени встречается разработчикам. Бывает, что на сайтах нужно выводить сразу два меню, которые при этом между собой взаимосвязаны: одно верхнее горизонтальное 1-го уровня, а второе в сайдбаре 2-го уровня. Причем в боковом отображаются только те подпункты, для которых выбран соответствующий родительский элемент в главном меню. Например, если у вас в шапке сайта есть перечень стран, то выбрав, допустим, Италию, в сайдбаре получите только лишь список итальянских городов.

Теоретически, реализовать такую фишку можно с помощью функции wp_nav_menu и какого-то хитрого PHP кода, но я предлагаю воспользоваться готовым решением — виджетом меню для wordpress под названием Advanced Sidebar Menu. Это максимально просто и не нужно делать никакие правки шаблона.

Скачать плагин можно отсюда или установить через админку. Основная функция — создание и вывод динамического бокового меню с учетом связи «родитель / наследник» для страниц и категорий сайта.

Никаких дополнительных настроек после установки делать не нужно, в разделе «Внешний вид» — «Виджеты» просто появится 2 новых элемента: Advanced Sidebar Pages Menu и Advanced Sidebar Categories Menu. Настройки данных виджетов меню для wordpress плюс-минус похожие:

Здесь:

Title — заголовок виджета.
Include Parent Page — добавлять ли родительский элемент в меню.
Include Parent Even With No Children — включать ли страницы без подстраниц.
Order By — варианты сортировки (порядковый номер, заголовок, дата).
Use this Plugin’s Styling — использование стилей оформления от плагина.
Pages to Exclude (ids) — исключаемые страницы.
Always Display Child Pages — всегда выводить подстраницы.
Levels to Display — количество уровней меню для отображения.

Как видите на скриншоте выше, для категорий все, в принципе, аналогично, но без сортировки и уровней. Плюс добавляется опция отображения элемента на странице с полным текстом записи (Display Categories on Single Posts).

Итого, в большинстве случаев вам просто нужно добавить виджет меню для wordpress в сайдбар и он сразу начнет работать. Конечно, при этом на сайте должна существовать соответствующая иерархия с подстраницами. Если честно, не совсем понятно как настроить зависимое меню для сложных проектов с родительской страницей, начиная со 2-го уровня. В описании модуля сказано, что нужно назначить родительскую страницу/категорию, но в настройках ничего похожего я не увидел. С другой стороны подобные ситуации встречаются крайне редко, как правило, зачастую у вас всего 2 меню (боковое и главное), поэтому виджет Advanced Sidebar Menu полностью подходит.

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

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

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Вертикальный меню | WordPress.org Русский

вам показать где находятся плагины или научить пользоваться поиском?

Уже намучился искать. Мне нужен плагин который мог отдельно создать меню НЕ ИЗМЕНЯЯ стандартное меню темы, чтобы добавить ШОРТКОД в любое место. Например виджет или в плагин Elementor. Вот несколько плагинов который не показывает вертикальное меню, либо изменяет шапку или подвал.
Max Mega Menu, AP Mega Menu, QuadMenu, WP Mega Menu,
Wpdevart vertical menu, идр

(@perdyllo)

вам показать где находятся плагины или научить пользоваться поиском?

tuxfighter! Я все больше убеждаюсь, что умение пользоваться поиском дано не каждому. Поэтому этому надо учить.

Плагины здесь:
https://ru.wordpress.org/
Переводчик здесь: https://translate.google.ru/

Меню — menu
Вертикальное — vertical

При наличии логического мышления все это можно связать в единую цепочку и получить искомый результат:

https://ru.wordpress.org/plugins/search/Vertical+menu/

А я не нашёл плагин который мог бы сделать вертикальное меню отдельно для виджета

я пробовал почти все плагинов

(@perdyllo)

А я не нашёл плагин который мог бы сделать вертикальное меню отдельно для виджета

А для этого плагин не нужен. В WP есть стандартный виджет «Произвольное меню»
Но если он не устраивает Вас опять надо учить пользоваться поиском? Или сами догадаетесь вот так сделать:

https://ru.wordpress.org/plugins/search/menu+widget/

Нашел платный плагин jetmenu, через elementor можно настроить отдельное меню горизонтальный и вертикальный.

Боковая панель WordPress и ее настройка для удобства пользования

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

Плагин Admin Menu Editor

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

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

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

Гораздо проще ее настроить, как говориться под себя. Что даст большие возможности и удобства при работе с блогом.

Меню настройки

Давайте теперь перейдем непосредственно к настройке боковой панели WordPress.

Рис. 1

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

К тому же плагины, когда они установлены и настроены. Уже не нуждаются в том, чтобы производить в них какие-то изменения. Если они бывают, то это случается довольно редко. Подобные изменения можно сделать, просто выбрав меню “Плагины”, где все они собственно и находятся.

Теперь посмотрите на (Рис.1), где при наведении кнопки мыши на пункт меню “Настройки” (п.1). Видим подменю в котором находятся ссылки на плагины (п.2). Они загромождают боковое меню без всякой необходимости. И тем самым отвлекают внимание от главного.

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

Давайте этим и займемся. Для прежде всего установим плагин Admin Menu Editor, который собственно и поможет нам это осуществить.

Рис. 2

Идем в боковое меню “Плагины” > “Настройки” (Рис.2).

Вкладка Admin Menu

Рис. 3

Перед нами появляется панель настроек плагина Admin Menu Editor (Рис.3). Находясь на вкладке “Admin menu” (п.1), мы теперь можем производить различные действия с боковым меню WordPress.

Пункты меню мы можем:

Вырезать
Копировать
Вставлять
Добавлять новый пункт
Добавлять разделитель между пунктами
Скрывать
Удалять
Выстраивать по алфавиту

То есть проводить все те манипуляции, которые используем в текстовом редакторе Word. И это скажу я Вам, очень удобно.

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

В левой колонке (Рис.3-п.3), находятся пункты главного меню, а в правой их подпункты (п.4). Также имеются кнопки:

Сохранить изменения (п.5)
Перейти на версию Pro (п.6)
Отменить изменения (п.7)
Вернуть меню по умолчанию (п.8)
Сделать компактный вид панелей (п.9)

Перенос элементов меню

Рис. 4

В результате нажатии на кнопку “Compact layout” (Рис.4-п.2), зазоры между панелями и сами панели уменьшаются (п.1), тем самым превращаясь в более компактный вид.

Рис. 5

Прежде всего, приступаем к настройке основного меню. Например, нам надо перенести пункт “Плагины”, выше и поставить перед пунктом “Внешний вид”.

Делается это довольно просто. Берем левой кнопкой мыши панель “Плагины”, удерживая ее, переносим выше и оставляем перед панелью “Внешний вид”. Согласитесь, очень удобно и просто.

Рис. 6

После этого, мы видим что наша панель “Плагины”, перенесена в нужное нам место (Рис.6-п.1). В результате, сохраняем наше изменение (п.2).

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

Рис. 7

И видим, что в боковой панели наш пункт меню “Плагины” (Рис.7-п.1) переместился и встал в нужное нам место. А именно перед пунктом “Внешний вид” (п.2).

Точно так же, переносим все другие панели и устанавливаем их, в том порядке, в каком нам будет нужно.

Вкладка Plugins

Рис. 8

Во вкладке “Plagins” (Рис.8-п.1), можно отредактировать название и описание плагинов, т.е. прописать их на русском языке для удобства.

Для этого нужно нажать на ссылку “Edit” (п.2), где открывается панель для редактирования (Рис.9).

Рис. 9

Здесь мы можем изменить название (Рис.9-п.1) и описание (п.2) плагина. Например, изменим описание плагина “Admin Menu Editor” (п.2). Прежде всего, вписываем туда свой текст, чтобы было понятно, за что данный плагин отвечает.

Свой текст в названии и описании плагина

Во-первых, нажимаем кнопку “Update”, чтобы зафиксировать наше изменение, а затем сохраняем кнопкой “Save Changes” (п.3). И затем, смотрим результат. Заходим в меню “Плагины” бокового меню консоли WordPress и видим (Рис.10):

Рис. 10

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

Перевод на русский язык плагина

Наконец, переходим в последнюю вкладку “Настройки”, предварительно делаем перевод на русский язык (Рис.11).

Рис. 11

Нажимаем “Перевести на русский” (Рис.11-п.1).

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

Вкладка Настройки

Рис. 12

Здесь можно настроить (Рис.12):

Кто может получить доступ к этому плагину (если работаете в команде) (п.2)
Настройки мультисайта (если используете одну консоль WordPress для редактирования нескольких сайтов или блогов. Где можно выбрать использовать для нескольких сайтов одинаковые настройки или разные) (п.3)
Модули (можно отключать и включать плагины или пункты меню) (п.4)

Рис. 13

Смотрим на другие настройки (Рис.13):

Интерфейс (срыть расширенные функции меню по умолчанию) (п.1)
Редактор цветовой схемы (можно выбрать один из трех) (п.2)
Новая позиция меню (помещать элементы меню в стандартное меню или в нижнюю часть) (п.3)

Рис. 14

Смотрим далее (Рис.14):

Уровень детализации ошибок (настраивается уровень доступа к плагину) (п.1)
Отладка (показывает проверки доступа к меню) (п.2)
Переопределяет значок добавленный другими плагинами (п.3)
Сжимает данные конфигурации меню “Сжатие”

Рис. 15

Последний пункт содержит информацию о сервере (Рис.15-п.1). После того, как произведены все настройки, обязательно жмем на кнопку “Сохранить изменения” (п.2).

Готовая боковая панель WordPress

Теперь смотрим как выглядит наша боковая панель WordPress.

Рис. 16

В результате, на (Рис.16), видим модернизированную и настроенную нами административную панель. Как видите, теперь нет ничего лишнего. Все сделано на удобной и продуктивной работы.

В заключение подведу итог. Как видите плагин Admin Menu Editor, очень полезен и дает возможность настроить боковую административную панель под свои нужды.

Теперь пользуйтесь им и наведите порядок в своей административной панели. Это очень удобно и сохранит Ваше время при администрировании блога.

Буду рад Вашим вопросам и комментариям

Успехов Вам
С уважением Владимир Шишков

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Лучшие бесплатные плагины меню для WordPress

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

Max Mega Menu

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

Особенности Max Mega Menu:

Основывается на стандартной системе меню WordPress
Поддерживает несколько мест меню, каждое со своей конфигурацией
Конструктор путем перетаскивания элементов
Показывает виджеты WordPress в меню
Настраиваются стили меню с помощью встроенного редактора тем
Переходы подменю Fade, Fade Up, Slide Up или Slide
Добавление иконок к пунктам меню
Опции пунктов меню, включая «Скрыть текст», «Отключить ссылку», «Скрыть на мобильном» и т. д.
Выравнивание пунктов меню