Как настроить меню WordPress
Здравствуйте, друзья!
В этом руководстве я собираюсь обсудить важность меню WordPress и то, как они влияют на ваш пользовательский опыт. Затем я объясню, как их настроить в три этапа.
Ваши меню WordPress являются важными элементами, которые также будут содержать другие основные области вашего сайта. Они предоставляют вашим читателям самый быстрый способ найти ваш контент и перемещаться по сайту. Следовательно, использование плохо организованных или громоздких меню может отрицательно сказаться на вашем пользовательском опыте и, в свою очередь, повредить ваш рейтинг в поисковых системах.
К счастью, WordPress включает в себя систему редактирования меню, которую легко понять всем пользователям. Расположение может варьироваться в зависимости от вашей темы, хотя большинство тем WordPress содержат как минимум одно место для меню.
Введение в меню WordPress (и зачем они вам нужны)
Меню — это навигационные инструменты, которые позволяют вашим пользователям находить контент на вашем сайте. Это делает их необходимыми для общей организации вашего сайта и пользовательского опыта.
Например, если читатель обнаруживает ваш сайт через поисковую систему, он не всегда может попасть на вашу домашнюю страницу. Чтобы узнать больше о вашем сайте со страницы, на которую они попали, им нужно знать, как исследовать ваш другой контент. По привычке они будут искать ваши меню, чтобы понять, что еще можно исследовать.
Так же важно, правильное использование меню WordPress может улучшить поисковую оптимизацию вашего сайта (СЕО). Поисковые системы вознаграждают соответствующий контент, поэтому убедитесь, что ваши меню понятны о содержимом, содержащемся в них, увеличат ваш рейтинг. Есть несколько других способов, которыми меню могут улучшить ваше СЕО, например:
Улучшенный пользовательский опыт: если ваши читатели имеют приятный пользовательский опыт, они, скорее всего, будут проводить больше времени на вашем сайте. Это означает более низкие показатели отказов для вас.
Дополнительные ссылки для страниц результатов поисковой системы (SERPS). Страница результатов поисковой системы будет отображать главную страницу и ссылки на внутренние страницы, если сайт и его навигация хорошо организованы.
Упрощение сканирования поисковыми системами. Поисковые системы используют ботов для сканирования вашего сайта и обнаружения его страниц для индексации вашего контента. Хорошо организованная навигация, которая четко показывает, какой контент доступен для каждой темы меню, облегчает ботам поиск и индексацию вашего контента.
Когда дело доходит до меню WordPress, главное, чтобы они находились на видном месте и были хорошо организованы. Хотя преимущества лучшего СЕО замечательны, меню также облегчает вашим читателям поиск контента, созданного вами для них.
Как настроить меню WordPress (за 3 шага)
Прелесть WordPress в том, что меню являются неотъемлемой частью платформы. Многие темы поставляются с предопределенными меню и местоположениями и должны включать хотя бы одно из них.
Однако для вас также важно понять, как лучше всего использовать меню. Поэтому я рекомендую вам немного спланировать создание карты сайта (или, по крайней мере, навигационной стратегии), прежде чем вы сделаете следующий шаг в создании меню для вашего сайта.
1. Создание новое меню в WordPress
После того, как вы составили навигационный план или карту сайта, вы готовы создавать свои меню. В админке WordPress перейдите к экрану «Внешний вид — Настройка» и нажмите «Меню».
Если у вас еще нет настроенного меню, вы можете просто выбрать «Создать новое меню», чтобы начать. Вам будет предоставлена возможность назвать свое меню и выбрать, где оно будет отображаться.
Имейте в виду, что потенциальные места для вашего меню будут варьироваться в зависимости от вашей темы. Когда вы сделали свой выбор здесь, нажмите «Далее», затем нажмите кнопку «Добавить элементы». На следующем экране вам будут представлены все страницы и публикации вашего сайта, категории, пользовательские ссылки и все остальное, что может быть включено в меню. Теперь пришло время начать строить свое меню!
2. Добавление элементов навигации
Для каждого нового меню, которое вы добавляете в WordPress, вы сможете включать любые свои страницы, посты и другой контент. Вы увидите, что каждый из элементов вашего сайта разделен на различные разделы, и все они доступны для выбора. Просто нажмите на элемент, чтобы добавить его в ваше меню.
После выбора вы увидите элемент, отображаемый в левом столбце. Если вы допустили ошибку, вы можете нажать красный значок «X», чтобы удалить запись. Вы даже можете создать новый контент здесь и сразу же добавить его в свое меню. Например, чтобы добавить новую страницу, вам просто нужно ввести ее имя в поле внизу раздела «Страницы», а затем нажать кнопку «Добавить».
Когда вы включаете элементы, они должны отображаться на вашем сайте в панели предварительного просмотра. Эта полезная функция позволяет вам видеть, как выглядит ваше меню при его создании. После того, как вы выбрали все, что хотите включить в свое меню, пришло время начать его организовывать.
3. Организация структуры вашего меню
Далее, пожалуй, самая простая часть настройки меню WordPress. Организовать пункты меню так же просто, как перетащить их на нужное место.
Для этого наведите курсор на любой элемент меню, который вы добавили. Вы увидите, как ваш курсор превратится в перекрестие. Отсюда, просто перетащите элемент вверх или вниз, чтобы изменить его порядок.
Если вы хотите создать иерархию меню, используя подменю, вы можете сделать и это здесь. Просто перетащите элемент вправо, и он автоматически станет подэлементом пункта меню прямо над ним.
Когда вы будете готовы двигаться дальше, нажмите кнопку «Опубликовать» в верхней части страницы, чтобы сохранить изменения. Кроме того, вы можете выбрать «Сохранить черновик» или «Расписание», если вы еще не хотите, чтобы ваше новое меню было реализовано.
Live Customizer, как правило, лучший способ настроить меню, так как вы можете увидеть изменения в то время как вы делаете их. Однако стоит отметить, что вы можете создать меню с помощью аналогичного процесса в разделе «Внешний вид — Меню» на панели управления.
Если вы хорошо разбираетесь в коде, вы также можете использовать CSS, чтобы изменить расположение меню с помощью хуков и фильтров. Однако, если вы пойдете по этому пути, вы захотите следовать документации своей темы, чтобы избежать проблем с макетом вашего сайта.
Как добавить дополнительные меню с помощью виджета меню в WordPress
Если вы хотите включить дополнительные меню в другом месте на вашем сайте (например, в боковой панели), вы можете использовать виджеты меню WordPress, чтобы выполнить свою работу. Чтобы добавить меню в эти области, вам нужно еще раз перейти на вкладку «Внешний вид — Настройка» в админке WordPress. На этот раз вы захотите посетить раздел «Виджеты».
Вы увидите список предустановленных областей виджетов, которые будут различаться в зависимости от вашей темы, но обычно расположены на боковых панелях и/или в подвале сайта. Выберите область, в которой вы хотите разместить свое меню, и вам будет представлен ряд вариантов виджетов.
Ищите тот, который называется «Меню навигации». Если его еще нет, вы можете выбрать «Добавить виджет», найти его, а затем нажать, чтобы добавить его в область виджетов. Затем разверните виджет, нажав на него.
Вы получите возможность добавить заголовок (который не является обязательным), а также выберите меню, которое хотите отобразить. Если вы еще не создали меню, вам будет предложено сделать это сейчас. Виджеты предоставляют вам еще один способ отображения меню на вашем веб-сайте и будут особенно полезны, если вам не хватает подходящих мест в выбранной вами теме.
И в заключении
Когда дело доходит до создания удобного пользовательского интерфейса, удобная навигация должна быть одним из ваших главных приоритетов. Не менее важно то, что ваш рейтинг в поисковых системах также выигрывает от хорошо организованного контента, который легко найти читателям.
На этом все — до скорых встреч!
Вы закончили создание своего первого мега-меню для вашего сайта WordPress. С этим революционным дизайнером WordPress для меню вы можете многое сделать. Чтобы узнать, что еще он умеет делать, и как это сделать, прочитайте подробную документацию к плагину.