Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Приветствую всех читателей!

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

Вы когда-нибудь обращали внимание, что при создании новой рубрики или страницы у вас спрашивается, есть ли родительские рубрики или страницы у создаваемого элемента? Это и есть тот самый способ, которым мы сейчас воспользуемся!

Темы wordpress с выпадающим меню

Многие новички пытаются найти готовые решения в гугле, сканируя поисковики на наличие темы с выпадающим меню, хотя это…кхм, сами понимаете :lol:

Все темы WordPress имеют это самое выпадающее меню, потому  как сам движок имеет функцию "Родительской" рубрики или страницы! Достаточно просто все сделать двумя движениями руки.

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

Итак, для начала нам надо определиться какой тип темы у вас установлен на блоге! Исходя из этого вы будете выбирать способ реализации  вертикального выпадающего меню :

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

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

Тема не поддерживает произвольное меню

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

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

Теперь у вас на сайте будет выпадающее меню: в полоске меню будет элемент "Выпадающее меню", а при наведении на него будут выпадать дочерние элементы. Пример, выполненный по аналогии:

выпадающее меню wordpress как сделать

Тема поддерживает произвольное меню

В этом случае куда больше возможностей и все намного проще. В этом случае, чтобы сделать выпадающее меню достаточно перейти в Внешний вид > Меню и перетащить необходимые рубрики, страницы (можно даже все вперемешку) следующим образом:

как сделать выпадающее меню wordpress

В результате чего получится вот такая картина:

wordpress шаблон выпадающее меню

Горизонтальное выпадающее меню

По этому же принципу делается и горизонтальное выпадающее меню!

1. Для тем, не поддерживающих произвольное меню, назначаем к родительской рубрике дочерние и к дочерним прикрепляем еще дочерние второго уровня!

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

 

Пояснение:

Спа-программы – родительская страница имеет дочерние "антицеллюлитная программа" и "клеопатра"

При этом страница  "антицеллюлитная программа" имеет дочернюю "шоколадное обертывание"

При желании, к шоколадному обертыванию можно назначить еще и еще дочерних и так далее!

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

горизонтальное выпадающее меню в вордпрессе

 

И получим мы вот такой результат:

анимированное меню в WordPress-как сделать?

Если есть вопросы по созданию такого меню на вашем блоге, то спрашивайте в комментариях! Или у вас есть более интересные способы реализации такого меню? Буду рад послушать!

Неактивный главный пункт меню

Зачастую нужно сделать сделать неактивными (без ссылки) главные пункты меню, например, у вас будет меню "товары", при наведении будет выпадать список с товарами, то нужно сделать так:

выпадающее меню

Мы добавили ссылку, которая никуда не переводит при нажатии.

Теперь нужно присвоить ей родительские, например, категории товаров или страницы:

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

Не забудьте присвоить произвольному меню созданное меню

настроить меню wordpress

Надеюсь, у вас все получилось! Теперь у вас красивая навигация и, что самое ценное, удобная!

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

Подписывайтесь на обновления, если вам нравится материал блога!

vsepro100.net был атакован и восстановлен недавно!

У вас быстро открывается сайт vsepro100.net

  • Очень быстро
  • Быстро
  • Нормально
  • Медленно
  • Очень медленно

Источник: http://vsepro100.net/vypadayushhee-menyu-wordpress/


Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим

Wordpress как сделать меню выпадающим