Как сделать выпадающее меню Wordpress без программирования

Опубликовано: 2022-07-21

Содержание поста

  • Почему ваше выпадающее меню Wordpress имеет значение
  • Раскрывающееся меню для начинающих
  • Создание выпадающего меню Wordpress
  • Советы по безупречной навигации по сайту
    • Не переусердствуйте
    • Сделайте свое меню заметным
    • Учитывайте взаимодействие с контентом
    • Не забудьте свой логотип
    • Поставьте себя на место пользователя
  • Следующие шаги

Когда дело доходит до платформ для создания веб-сайтов, Wordpress является королем. Подсчитано, что почти 30% всех веб-сайтов, которые в настоящее время находятся в сети, созданы с помощью Wordpress.

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

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

Навигация по веб-сайту важна, и раскрывающееся меню Wordpress может многое сделать, чтобы помочь людям найти нужный им контент.

Почему ваше выпадающее меню Wordpress имеет значение

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

У вас может быть красиво оформленный веб-сайт, наполненный ценным контентом, но вы все равно не сможете найти потенциальных клиентов из-за плохого навигационного меню.

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

Готовы узнать, как добавить выпадающее меню на свой сайт Wordpress? Давайте начнем!

Раскрывающееся меню для начинающих

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

Родительские категории — это первое, что люди увидят, когда войдут в раскрывающееся меню. Дочерние категории являются вторичными навигационными ссылками и появляются после того, как кто-то прокрутит до родительской категории.

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

Если «услуги» являются родительской категорией, дочерней категорией может быть что-то вроде «консалтинга» или «рекрутинга».

Наличие раскрывающегося меню может помочь вам легко классифицировать контент и даже помочь с поведением пользователей и потоком.

Создание выпадающего меню Wordpress

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

Сделав это, выберите пункт меню «Создать новую ссылку» и используйте раздел # в качестве URL-адреса с текстом ссылки категорий. После этого нажмите кнопку «Добавить в меню».

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

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

Советы по безупречной навигации по сайту

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

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

Не переусердствуйте

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

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

Золотое правило: старайтесь, чтобы в основной навигации не было более 7 родительских разделов. Если вы чувствуете, что у вас возникли проблемы с его сужением, подумайте о любых родительских категориях, которые могли бы работать как дочерние категории.

Сделайте свое меню заметным

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

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

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

Учитывайте взаимодействие с контентом

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

Когда пользователь нажимает на раздел, будет ли в меню отображаться текст на веб-сайте? Будет ли остальная часть контента немного бледнеть, а визуальные элементы в меню станут более заметными?

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

Не забудьте свой логотип

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

Ваш логотип может быть мощным инструментом навигации с правильной ссылкой. Логотип вашей компании всегда должен ссылаться на главную страницу.

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

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

Поставьте себя на место пользователя

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

Самый простой способ спланировать выпадающее меню Wordpress — представить себя обычным пользователем. Если бы вы узнавали о бизнесе исключительно с их веб-сайта, какую информацию вы хотели бы видеть в меню навигации?

Следующие шаги

Теперь, когда вы знаете, как правильно управлять навигацией, вы готовы углубиться в стратегию веб-сайта. Ознакомьтесь с нашим WordPress SEO Booster, чтобы вы могли начать работать над своей стратегией SEO.

Есть ли у вас советы по навигации по веб-сайту для новичков в Wordpress? Помогите им в нашем разделе комментариев. Кроме того, если у вас есть какие-либо вопросы о плагинах или веб-дизайне, свяжитесь с нами, чтобы мы могли помочь.