Делаем выпадающее меню в WordPress

Делаем выпадающее меню в WordPress

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

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

  • При помощи настройки пунктов «Меню».

  • При помощи стандартных виджетов WordPress.

  • Через редактор кода.

  • При помощи сторонних плагинов.

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

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

Соответственно, готовый вариант меню должен выглядеть приблизительно вот так:

Настройка выпадающего меню в виджетах WordPress.

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

При этом обычное меню будет выглядеть следующим образом:

А выпадающее будет смотреться в развернутом виде вот так:

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

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

Сторонние плагины и редактор кода.

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

Настройка меню через редактор кода предполагает удаление или видоизменение куска кода, отвечающего за вывод обычного меню, и написание вместо него нового. Этот способ опасен тем, что код у каждого шаблона разный. Если вы не знаете html, php и css хотя бы на базовом уровне — не пытайтесь изменять код для добавления нового функционала — можете поломать весь шаблон, и сайт вообще перестанет отображаться или будет отображаться некорректно. Старайтесь пользоваться существующим функционалом движка — его хватает практически для любых целей.

Не забудьте поделиться статьей с друзьями:



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *