Как добавить меню навигации в WordPress

как к создать-WordPress-menus.png


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

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

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

  • WordPress меню
    • Что вы можете поместить в меню WordPress?
    • Сколько меню и пунктов меню вы можете ожидать?
  • Как создать свое первое меню WordPress
    • Добавить элементы меню
    • Упорядочить пункты меню (перетаскивание)
    • Как создать подменю
    • Настройки меню
    • Параметры экрана
    • Как добавить меню в боковую панель
  • Вывод

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

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

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

WordPress меню

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

Что вы можете поместить в меню WordPress?

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

Сколько меню и пунктов меню вы можете ожидать?

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

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

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

Чтобы перейти к редактору меню в WordPress, перейдите к Внешний вид -> Меню.

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

  1. Придумайте узнаваемое имя и заполните его
  2. Нажмите на кнопку «Добавить меню» на правой стороне

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

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

Добавить элементы меню

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

  1. Откройте любую из вкладок
  2. Выберите страницы, сообщения и категории или добавьте пользовательские ссылки
  3. Нажмите кнопку «Добавить в меню» на каждой вкладке, прежде чем перейти к следующей

Добавление элементов меню в WordPress

Добавление постов, страниц и категории это просто, так как вам нужно только выбрать их из списка. Но если вы добавляете пользовательскую ссылку, у вас должен быть полный URL-адрес страницы (пример: http://www.google.com). Также добавьте имя (метку), которое будет отображаться для этой ссылки (пример: Google)

Упорядочить пункты меню (перетаскивание)

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

Расположение элементов меню в WordPress

Нажав на маленький значок стрелки в правой части каждого элемента, WordPress откроет несколько дополнительных настроек. Затем вы можете быстро изменить метку пункта меню (имя, которое появляется в списке). Кроме того, здесь вы можете управлять расположением пунктов меню, щелкая соответствующие ссылки – например, перемещайте объект вверх и вниз, отправляйте его наверх или размещайте под другим элементом, чтобы создать подменю..

Вы также можете легко удалить элемент из меню, нажав на красную ссылку «Удалить», расположенную в нижней части карты. Не волнуйся; это действие не удалит выбранную страницу, сообщение или категорию, но удалит его только из меню, которое вы редактируете. Если бы это была пользовательская ссылка, она бы удалила ее, поэтому убедитесь, что вы запомнили URL, если решите добавить эту же пользовательскую ссылку снова.

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

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

Если вам просто не нравится перетаскивать элементы (и, по правде говоря, иногда это может быть неприятно для достижения того, что вы имели в виду), WordPress позволяет управлять элементами с помощью простых ссылок:

  1. Добавьте родительские и дочерние элементы в меню
  2. Нажмите на маленькую стрелку на пункте меню, который вы имели в виду как ребенок (с отступом)
  3. Нажмите ссылку «Под разделом« родитель »», где «родитель» будет меткой элемента над ним.

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

Если вы решили удалить элемент подменю, вы можете просто переместить его немного влево. В качестве альтернативы, нажмите маленькую стрелку на элементе и выберите «Out from‘ parent ’section», где «parent» снова будет меткой элемента над ним..

Настройки меню

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

  1. Автоматическое добавление страниц – каждый раз, когда создается новая страница верхнего уровня (главная, у которой нет родителя), она автоматически добавляется в это меню.
  2. Отображать местоположение – если тема позволяет вам использовать несколько меню, выберите ее местоположение из списка

Настройки меню

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

Параметры экрана

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

  • Коробки – в дополнение к стандартным элементам, вы можете показать теги и форматы, которые затем могут быть добавлены в меню
  • Расширенные свойства меню – добавить цель ссылки, атрибут цели, классы CSS, отношение ссылки (XFN) и описание

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

  1. Перейти к Внешний вид -> Виджеты
  2. Найти виджет «Пользовательское меню» с левой стороны
  3. Перетащите его вправо в любую готовую к виджетам область (например, на боковую панель).
  4. Выберите имя
  5. Выберите меню, которое вы создали ранее
  6. Нажмите на кнопку «Сохранить»

Меню в боковой панели

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

Вывод

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map