Главная » Бизнес в Интернете

Не получается выпадающее меню для WordPress?

выпадающее меню WordPressНедавно я установил новый блог WordPress, подобрал неплохую по дизайну тему, начал уже ставить плагины и подбирать виджеты, словом, доводить тему до ума — но тут оказалось, что горизонтальное выпадающее меню эта тема не поддерживает. Дочерние страницы, в меню не выпадают, и вообще, нигде не появляются. Попробовал я и новое меню сделать в административной панели, в пункте Внешний вид — Меню, но это ничего не дало. Помог плагин Multi-level Navigation Plugin. О нем и пойдет речь.

горизонтальное выпадающее менюИтак, давайте разберем по порядку действия, которые нужно выполнить, чтобы получить горизонтальное выпадающее меню для WodrPress. При этом будем рассматривать меню для страниц, потому что меню для рубрик отображается обычно в сайдбаре. Хотя плагин Multi-level Navigation Plugin позволяет делать любые меню — и для страниц, и для рубрик, и для архивов, ссылок и так далее.

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

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

Второй шаг, который, возможно, приведет к появлению выпадающего меню WordPress, следующий: Вы идете в административную панель в пункт Внешний вид — Меню, и создаете новое меню.

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

В пункте Параметры меню поставьте галочку там, где данное меню будет применяться. В моей теме, например, были области Menu1 и Menu2. Одна область была над хедером, вторая — под хедером. Пробуйте добавить к какой-то области меню, и затем смотрите, что из этого получается. Можно при этом использовать закладку Управление областями.

Если и после этого выпадающее меню для WordPress не появилось, тогда остается третий вариант — использование плагина Multi-level Navigation Plugin.


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

Затем идете в Плагины — Добавить новый, в поисковой строке вбиваете Multi-level Navigation Plugin, находите и устанавливаете его.

После этого у Вас в параметрах появляется пункт Multi-level Navigation. Заходите в него. Работаете по вкладкам:

  • Home — в этой вкладке находится код, который нужно вставить вместо кода выпадающего меню WordPress, который у Вас стоит сейчас. Вот этот код:
    <?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>
    Идете в пункт Внешний вид — Редактор, выбираете Заголовок (header.php) и ставите вместо кода выпадающего меню, который стоит там, код из вкладки Home. То, что Вы удаляете, на всякий случай копируйте в блокнот, чтобы была возможность вернуть его назад. если что-то не то удалите. В этой же вкладке есть ссылка на CSS генератор, она находится чуть ниже кода: Multi-level Navigation CSS. Там Вы можете подобрать код CSS, который нужно вставить во вкладке Appearance.
  • Appearance — здесь находится код CSS. Изменяя его, Вы можете изменить внешний вид выпадающего окна.
  • Menu contents — вкладка, в которой Вы подключаете различные элементы выпадающего меню WordPress. Например, я подключил в Menu item #1: Home, а в Menu item #2: Pages. В остальных окнах я поставил None. Если в Вашей теме выпадающих меню несколько, то и в этой вкладке тоже их будет несколько. Ниже. в пункте Titles я прописал в окне Home: Главная. И у меня получился первый пукнт горизонтального выпадающего меню — Главная, а остальные пункты — страницы.
  • Settings — настройки выпадающего меню, например, самый первый пункт: скорость появления при наведении мышкой. Можно изменить от slow — медленная, до instant — мгновенная.

В самом низу нажимаете кнопку Update Options, и выпадающее меню WordPress будет готово. Плагин действительно универсальный, и практически всегда срабатывает. Так что желаю Успеха в создании выпадающих окон на своем блоге WordPress!


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

10 комментариев »

  • Vadar пишет:

    Интересный плагин! Впервые слышу о нем. Спасибо за информацию!

  • Таисия Егорова пишет:

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

  • Надежда Хачатурова пишет:

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

  • Александр Ризун (автор) пишет:

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

  • Надежда Хачатурова пишет:

    У меня почему-то не появляется в плагине созданное меню. Только главное и футер, только два варианта. И шаблон поддерживает только 2 меню. Но у меня сейчас 2 и есть, но не выбрать новое. А отражаться отражается почему-то.

  • Надежда Хачатурова пишет:

    Что-то я голову заморочила и Вам. Мне ведь меню нужно вертикальное, в сайдбар. Не с этим плагином я вожусь. Этот даже еще не рассматривала, но, вроде, вертикального он не делает?

  • Александр Ризун (автор) пишет:

    Нет, он не делает вертикального. Только горизонтальное, с выпадающими пунктами. А Вам не плагин нужен, достаточно виджета.

  • Надежда Хачатурова пишет:

    Да, оказалось достаточно. Спасибо! Колдую с меню. Запуталась совсем уже. ))

  • sergey пишет:

    а как сделать чтобы меню оставалось видным при прокрутке?

  • Oleg пишет:

    Я наоборот сделал, просто установил плагин page_list, и все. Пользуюсь шорт кодами. Зашел на страницу и в конце страницу четко видно все дочерние страници в видел li списка, удобно и не грузит сайт.

Оставьте свой комментарий и ответный визит Вам обеспечен