ТОП-Новости блога:
  • Рейтинг шаблонов WordPress
    Рейтинг шаблонов WordPress

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

Расскажем способы как создать выпадающее меню в WordPress. Подскажем как пользоваться Dropdown menu.

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

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

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

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

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

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

Рассмотрим, как создать выпадающее меню в WordPress с помощью стандартных средств интерфейса платформы и с помощью плагина.

Первый этап: создание простого меню

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

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

Создав меню по ссылке, в том же окне продолжаем редактирование в соответствующих вкладках. Развернув вкладку с названием “Страницы” ставим флажки напротив тех, которые следует включить в меню, и даем команду “Добавить меню”.  Таким образом, мы сформировали простое горизонтальное меню. В большинстве тем, оно будет именно горизонтальным.

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

Второй этап: создание выпадающего меню

Порядок действий при создании выпадающего меню аналогичен порядку при создании базового простого меню. Снова в админпанели последовательно открываем “Внешний вид”, “Меню”. Но в поле “URL” вместо ссылки на реальную страницу прописываем  адрес произвольной страницы, который выглядит так: http://#. Это меню будет правильно назвать “Навигация”.

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

Теперь можно удалить произвольный URL и создать остальные элементы выпадающего списка. Для этого нужно кликнуть по треугольничку, расположенному в правом верхнем углу вкладки “Страницы и поставить флажки напротив тех, которые следует добавить. Нажав на пункт выпадающего меню, посетитель переместится на соответствующую страницу.  

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

Далее, все выполненные настройки меню следует сохранить, нажав внизу окна “Сохранить меню”. А в соседней вкладке “Управление областями” выбрать созданное меню и нажать внизу “Сохранить изменения”.

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

Большинство тем платформы поддерживают выпадающее меню. Но встречаются и те, которые либо не поддерживают совсем, либо отображают его некорректно. Определить заранее, будет ли опция работать, практически невозможно. Если в демо-версии она не показана, то есть вероятность, что возникнут сложности.

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

Как создать выпадающее меню для WordPress: плагин Dropdown Menu widget

Скачиваем плагин Dropdown Menu widget, предварительно убедившись, что он совместим с установленной на сайте версией платформы. Если версии несовместимы, приложение может работать, но меню будет отображаться некорректно.

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

Устанавливаем плагин любым удобным способом, главное, чтобы в конце он оказался в папке wp-content/plugins. Активируем продукт.

Если все прошло успешно, в меню должен появиться новый элемент «Dropdown Menu». Настроить работу плагина не сложно. После его установки в разделе “Виджеты” появится еще один. Достаточно перетащить его мышкой в сайдбар и выбрать команду “Создать”. Далее, откроется стандартная форма создания и редактирования меню. Нам нужно будет присвоить название новому меню. Оно может быть любым, так как этой информации читатели сайта не увидят.

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

Далее, необходимо сформировать меню своего сайта на свое усмотрение, заполнив его рубриками и страницами. А внизу, в разделе “Настройки меню”, не забыть поставить флажок в поле “Автоматически добавлять в это меню новые страницы верхнего уровня”.

Создав необходимое число страниц и рубрик на сайте, их нужно добавить, поставив флажки в разделах “Страницы”, “Ссылки” и “Рубрики”. Далее, страницы нужно расположить в необходимом порядке, сдвигая дочерние элементы вправо, пока не появится соответствующая надпись.

Когда меню будет полностью сформировано, необходимо вернутся в настройки виджета, выбрать тему и сохранить изменения. Выбор темы обязателен. Если в настройках виждета оставить параметр “Без темы”, сформированное выпадающее меню не будет отображаться.

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

Как видим, создать выпадающее меню для WordPress, используя плагин Dropdown Menu widget, несложно. В чем-то это даже проще, чем та же работы с помощью стандартных средств интерфейса платформы. Кроме того, плагин дает дополнительные возможности, поэтому его использование предпочтительно.  

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

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

Последние записи:
Подпишись...

Наверх