Как создать складное боковое меню в WordPress

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

Что такое сворачиваемое боковое меню в WordPress и когда его нужно создавать?

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

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

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

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

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

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

Самый простой способ создать складное боковое меню в WordPress.

Самый простой и быстрый способ добавить сворачиваемое боковое меню на ваш сайт — это использовать плагин Bellows Accordion Menu. Этот плагин позволяет добавить сворачиваемое боковое меню на любую страницу, запись или виджет, включая вашу боковую панель .

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

Затем заполните раздел « Название меню ». Имейте в виду, что это предназначено исключительно для вашего использования , и ваши посетители не смогут его увидеть. Это означает, что вы можете выбрать любое имя, которое хотите, вам не нужно связывать его с какой-либо категорией. После того, как вы закончите, просто нажмите на кнопку « Создать меню ».

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

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

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

Родительско-дочерние отношения в раскрывающихся боковых меню

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

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

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

Как только вы обнаружили боковую панель, нажмите на нее, и она расширится. Вы сможете добавлять блоки, но вам нужно будет найти один из них с коротким кодом. Найдя его, просто вставьте скопированный код и нажмите значок «Обновить». Вы успешно добавили складное меню на свой веб-сайт.

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

Нижняя линия

Мы надеемся, что наше руководство помогло вам узнать, почему и как создать сворачиваемое боковое меню в WordPress. Как видите, это довольно простой и легкий процесс, поэтому, даже если вы новичок, у вас не должно возникнуть проблем с ним. Или просто обратитесь к команде WP Full Care, получите бесплатную консультацию и решите предоставить вашему веб-сайту квалифицированную помощь, которую он заслуживает.