Как добавить навигационное меню в WordPress (руководство для начинающих)

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

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

Навигационные меню в WordPress

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

Видеоурок(это видео)

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

Создание вашего первого пользовательского меню навигации

Вы можете создавать меню в WordPress, посетив Внешний вид »Меню в вашей админ-панели WordPress.^

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

Давайте создадим ваше первое пользовательское меню навигации.

Укажите название для вашего меню, например, «Мое первое меню», а затем нажмите кнопку «Создать меню». Это расширит область меню и будет выглядеть так:^

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

Далее вам нужно выбрать страницы, которые вы хотите добавить в меню. Вы можете сделать это, выбрав страницы, перечисленные слева, и нажав кнопку «Добавить в меню».^

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

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

Расположение элементов в пользовательском меню навигации

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

Просто перетащите элемент меню, чтобы настроить его положение в меню.^

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

Создание вложенных выпадающих меню в WordPress

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

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

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

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

Добавление категорий в меню WordPress

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

По умолчанию WordPress предоставляет более простой способ добавления страниц и категорий из левого столбца на экране редактора меню.

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

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

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

Добавление пользовательских ссылок в меню навигации WordPress

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

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

Примечание. Важно, чтобы все ссылки начинались с http: // или https: //. Если вы этого не сделаете, то ссылки будут нарушены.

Редактирование пункта меню в меню навигации WordPress

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

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

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

Удаление ссылки из меню навигации в WordPress

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

Понимание местоположения тем для ваших навигационных меню

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

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

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

Добавление навигационных меню на боковых панелях и в других областях, готовых к виджетам

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

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

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

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

Теперь вы можете посетить свой веб-сайт, чтобы увидеть свое пользовательское меню, отображаемое в виджете боковой панели.^

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

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

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас в Twitter и Facebook.