Содержание
Настройка меню в WordPress. Как создать меню в WordPress. Создание и настройка меню в WordPress
Приветствую друзья! В этом уроке вы узнаете как создать меню в WordPress и как добавить страницу в меню. В прошлых уроках мы уже разобрались с Вами как создавать страницы и записи в WordPress, а сегодня мы научимся и пошагово разберем как создать меню и как добавить вторую вкладку в шапке сайта (выпадающее подменю) в WordPress.
Создание меню в WordPress
1. Для начала необходимо перейдите в панели администратора в Внешний вид — Меню.
2. Теперь необходимо создать меню, для этого нажимаем по «Создайте новое меню».
3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку «Создать меню».
4. Меню создано. Теперь необходимо добавить нужные Вам страницы, записи, метки, рубрики и т.п. в меню WordPress. Для этого нужно выбрать необходимый пункт, например «Страницы» и отметить галочками те, которые Вы хотите добавить. После этого нажимаем «Добавить в меню».
После того как вы добавили нужные страницы, рубрики или записи в меню нажмите «Сохранить меню».
Важно! Если Вы не видите в списке нужные пункты, нажмите в верхнем правом углу «Настройка экрана» и проставьте галочки на необходимых пунктах. После этого они появятся в списке и вы сможете добавить их в меню.
5. Для того, чтобы созданное меню отображалось на главной странице сайта WordPress, необходимо перейти в «Управление областями» и выбрать в списке созданное нами меню, после чего нажать «Сохранить изменения».
Вот и все! Как видите, всего за несколько шагов можно легко создать новое меню в WordPress.
Порядок размещения меню в WordPress
Для того чтобы изменить порядок пунктов в меню, необходимо зажать левой кнопкой мыши нужный нам пункт и перетянуть его выше или ниже. Для сохранения изменений нажмите «Сохранить меню».
В этом примере страницу «Роланд Дискейн» передвигаем в меню после «Добавление видео»
Создание выпадающего меню в WordPress
Для того чтобы сделать выпадающее подменю, необходимо зажать левой кнопкой мыши нужный нам пункт и перетянуть его левее под пункт меню, из которого будет выпадать наше подменю.
В этом примере страницу «Пример страницы» делаем выпадающим подменю для пункта меню «Роланд Дискейн»
Если у вас возникли вопросы по созданию меню, задавайте их в комментариях.
Приветствую друзья! В этом уроке вы узнаете как создать меню в WordPress и как добавить страницу в меню. В прошлых уроках мы уже разобрались с Вами как создавать страницы и записи в WordPress, а сегодня мы научимся и пошагово разберем как создать меню и как добавить вторую вкладку в шапке сайта (выпадающее подменю) в WordPress. Создание меню в WordPress 1. Для начала необходимо перейдите в панели администратора в Внешний вид — Меню. 2. Теперь необходимо создать меню, для этого нажимаем по «Создайте новое меню». 3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку «Создать меню». 4. Меню создано. Теперь необходимо добавить нужные Вам страницы,…
Проголосуйте за урок
100
Оценка
Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
Рейтинг: 4.28 ( 22 голосов )
100
Создание меню WordPress | WordPress для всех
Вступление
Привет! Сегодня условно юбилейный, 50-й урок для «чайников» WordPress. От урока к уроку мы плавно подошли к сознанию пользовательского меню WordPress сайта.
О меню и его значении
Основное меню это главная навигация по сайту. Она важна не только для посетителей сайта, но и поисковые боты обходят все ссылки меню, начиная с главной страницы сайта. Поэтому меню на сайте должно быть и сделать его не сложно.
Я назвал создаваемое меню WordPress основным или главным, вот по какой причине. Одно меню, главное, на сайте должно быть обязательно и под это меню авторы шаблонов по умолчанию создают область главного меню.
Однако одно место для меню не предел и некоторые авторы шаблонов создают дополнительные места под дополнительные меню. Обычно, авторы шаблонов больше трех областей под меню авторы не делают.
Кроме создания и размещения меню в выделенных областях шаблона можно создать любое количество других меню и не размещать их в области для меню, а положить в любой виджет сайта. Обо всем по порядку.
Создание меню WordPress
Для создания главного меню, войдем в административную панель сайта, как администратор.
Развернём «Внешний вид» консоли и выберем вкладку «Меню». Откроется страница создания/редактирования меню ( wp-admin/nav-menus.php) с двумя вкладками «Редактировать меню» и «Управление областями».
Если удалить все меню на сайте останется одна вкладка «Редактировать меню».
На вкладке «Редактировать меню» ищем ссылку «создайте новое меню» (1), которую жмём.
создание меню wordpress
Даем создаваемому меню название (2), например «Основное», и жмем на кнопку «Создать меню» (3).
Меню создано, остается его наполнить. Для наполнения меню используем левую часть экрана, вкладки «Страницы», «Записи», «Произвольные ссылки», «Рубрики».
Чтобы добавить в меню страницу, выбираем её из списка страниц слева и нажимаем кнопку «Добавить в меню». Аналогично выбираем и добавляем в меню рубрики и записи.
Чтобы добавить произвольную ссылку в меню, нужно её вписать на вкладке «Произвольные ссылки» и добавить в меню кнопкой.
Например, хотим в основное меню создать пункт «Главная». Для этого в поле «Произвольные ссылки» вписываем адрес своего сайта и добавляем в меню.
Структура меню
Добавленные пункты меню можно организовывать в древовидный список. Делается это перетаскиванием либо ссылками управления (верх, вниз).
После наполнения меню, можно сразу заполнить «Настройки меню». Там два пункта:
1- Автоматически добавлять страницы. Если нужно, чтобы вновь создаваемые страницы добавлялись в меню, выделите «чек» этого пункта.
2 – Область отображения. Здесь вы можете сразу положить меню в нужную область меню вашего шаблона. Например, верхнее меню.
Аналогичную настройку, выбор области, вы можете сделать после сохранения созданного меню на вкладке «Управление областями».
Редактирование созданного меню
Чтобы изменить уже созданное меню:
Идёте на вкладку Внешний вид>>>Меню. В пункте «Выберите меню для изменения» выбираете меню, которое хотите отредактировать и редактируйте по вашему желанию. Не забывайте сохранять изменения.
Создание пользовательского меню для виджета
Повторюсь, на сайте может быть создано любое количество меню. Кроме этого, не обязательно каждое меню прикреплять к выделенной области для меню. Можно меню вообще никуда не прикреплять, а держать в резерве.
Можно положить меню в виджет сайта. Для этих целей есть специальный системный виджет под названием «Меню навигации». Шаги создания пользовательского меню для виджета следующие:
- Создаете меню по алгоритму описанному выше;
- Идете на вкладку Внешний вид>>>Виджеты;
- Выбираете из виджетов в левой части экрана «Меню навигации» и добавляете его в нужный вам виджет;
- Далее заполняете виджет, указывая одно из ваших меню и давая ему заголовок.
- После сохранения меню появится на сайте.
Таки образом создают информационные меню в футере сайта, с пунктами меню «О фирме», «О себе», «Контакты» и т.д.
Примечание: Создание меню wordpress возможно из настроек сайта. Там же его можно поместить в область для меню.
визуальная настройка меню
Итог
В этом уроке я показал, два варианта создание меню WordPress, как основного в область темы, так и пользовательское меню для виджета.
©WPkupi.ru
Еще статьи
Похожие посты:
Как настроить меню в WordPress?
Меню является одной из главных составляющих любого сайта. Если меню удобное и имеет простую навигацию, то вашим пользователям не составит труда им пользоваться и находить нужную тему, информацию или блог каждый день. Поэтому сегодняшняя статья расскажет вам, как создать меню на сайте Вордпресс.
Для настройки меню WordPress можно использовать и внутренние инструменты (админка), и плагины. В связи с этим рассматривать мы будет все варианты.
Добавление меню в WordPress через админ-панель
Шаг 1. Открываем панель администратора. Далее Внешний вид – Меню.
Примечание! Основной код Вордпресс позволяет создать меню из нескольких элементов. А именно:
Шаг 2. Для создания меню нажимаем Создайте новое меню.
Шаг 3. В появившемся поле Название меню введите нужное вам имя, например, Главное меню и подтвердите действие, нажав Создайте новое меню.
Шаг 4. Вы создали меню. Следующий этап – это добавление нужных вам рубрик, страниц, записей и меток в меню WordPress. Выбираем пункт, который следует добавить, к примеру, Страницы, и ставим галочку напротив раздела, который хотим сюда добавить. Кликаем на Добавить в меню.
Если вы хотите поменять порядок добавленных пунктов, то это легко сделать, перетащив любой из них, зажав его левой кнопкой мышки, вверх или вниз.
Когда вы добавите и упорядочите все нужные вашему меню страницы, записи и рубрики не забудьте все сохранить, нажав Сохранить меню.
Шаг 5. Чтоб ваше меню отобразилось на сайте WordPress, переходим в Управление областями, выбираем в перечне созданное меню и кликаем на Сохранить изменения.
Вот и все. Мы создали меню и разместили его на WordPress сайте.
Как добавить раздел меню, если его нет в списке?
Если пункты, которые вам нужны, не представлены в имеющемся списке, то в верхнем углу справа нажимаете Настройка экрана. В открывшемся окне вы можете установить или убрать флажок напротив того пункта, который нужно добавить или удалить.
В результате, меню, расширенное при помощи опции Настройка экрана, может выглядеть следующим образом:
Как сделать в WordPress выпадающее меню?
Если по названию это кажется сложным, то на самом деле это элементарная задача, выполнимая в одно действие.
Зажимаете левой кнопкой мыши нужный вам пункт меню и перетягиваете его немного левее того раздела, из которого он будет выпадать в виде подраздела. В результате получает следующий вид нашего меню:
Таким образом, мы вставили подраздел Пример страницы в раздел Роланд Дискейн. Подразделов можете быть столько, сколько вам нужно. Кроме этого, вы можете по такому же принципу добавлять дополнительные пункты и в подразделы, образуя ступенчатый вид меню.
Очень часто в Вордпрессе выпадающее меню представлено в виде партнерской ссылки. Например, одним из разделов вашего меню является Реклама, а подразделом можно сделать произвольные ссылки, которые помогут посетителям вашего сайта переходить на страницы партнеров, предлагающих дополнительно услуги.
Добавление произвольной ссылки в меню WordPress
Некоторые сайты требуют создания определённого рода рубрик. Например, это может быть партнерская ссылка. В чем ее смысл? Она добавляется для того, чтоб осуществлялся переход не на другие страницы сайта, а на страницы других ресурсов (рекламодателей, партнеров и т.п.).
Настройка такого рода ссылки делается через меню WordPress. Заходим Внешний вид – Меню – Произвольные ссылки.
В появившемся окне, в графе URL вводите ссылку на ресурс, на который нужно будет делать переход. В графе Текст ссылки вставляете текст, который в дальнейшем будет отображаться в меню сайта.
Кликаем на Добавить в меню и все, у вас на сайте появится раздел меню, при нажатии на который будет осуществляться переход на сторонний ресурс.
Как удалить рубрику в меню WordPress?
Бывает, что мы по ошибке создали не нужный пункт меню. Чтобы убрать кнопку какой-то рубрики в созданном меню Вордпресс — выделите ее галочкой, и в разделе Действия, нажмите Удалить.
Важно! После удаления рубрику восстановить нельзя.
Как удалить меню WordPress?
Создавать и редактировать меню Вордпресс мы уже научились. Пришло время понять, как удалить меню с сайта, если возникла такая надобность. Это действие можно сделать через админ-панель сайта. Как обычно, идем Внешний вид – Меню. Далее выбираем меню, необходимое удалить.
На экране появится окно с настройками. Внизу будет доступна функция Удалить меню.
Нажимаете и все, ваше меню удалено и можно приступить к созданию нового.
Как настроить меню в WordPress?
Мы узнали как сделать меню в Вордпресс. Теперь необходимо понять, как настроить меню в Вордпресс, чтоб оно функционировало на отлично. Если основные действия при создании меню можно сделать из админки, то все, что касается более детального оформления, придется делать, используя плагины и внося изменения в код.
Как сделать вертикальное и боковое меню в WordPress?
Для создания нестандартных меню нужно использовать плагины. Так, разместить на сайте меню вертикально поможет плагин «jQuery Vertical Accordion Menu». По умолчанию у данного плагина имеется в арсенале парочка готовых шаблонов, при этом с разными цветами. Кроме этого, он позволяет сделать непростое меню, а раздвижное. Это очень удобно, если ваше меню имеет много подразделов.
Установить «jQuery Vertical Accordion Menu» можно через админку, указав название плагина. Установив его, зайдите в раздел Виджеты, выделите виджет плагина и перетащите его в сайдбар. Уже в виджете вы сможете найти все нужные настройки.
Настройка бокового меню также возможна при использовании плагина, например, UberMenu. Используя его, можно не только горизонтальные и боковые меню создавать, но и настроить дополнительные эффекты для отображения.
Изменение цвета меню в WordPress
Стандартно сайты на Вордпресс не отличаются разнообразием цветовой палитры при оформлении пунктов меню. Однако при желании, вместо одного цвета вы можете выделить каждый раздел новым цветом.
Чтоб добиться разноцветного результата как на скрине, вам необходимо:
- Добавить цвета для стилей в файле style.css для каждого раздела меню отдельно. Для этого прописываем цвет каждого пункта в style.css.
- Присваиваем CSS классы к разделам меню. В вордпресс открываем Внешний вид – Меню – Настройки экрана и активируем Классы CSS.
- Настраиваем для меню классы CSS. Открываем первый пункт меню, вводим greencolor в графе Классы CSS. По такому же принципу добавляем остальные цвета для остальных разделов меню и нажимаем Сохранить.
В результате ваше меню должно преобразиться по образу скрина выше.
Как добавить строку поиска в меню WordPress?
Ни один сайт нельзя представить без строки поиска. Согласитесь, намного удобнее и быстрее найти информацию на сайте не листая страницу за страницей, а ввести ключевое слово в поиск и просмотреть результаты. Как же добавить такую полезную функцию на сайт WordPress?
Самым простым способом считается добавление нижеуказанного кода в файл functions.php.
В итоге получим:
А визуально это будет выглядеть так:
Подытожим
Сайт на WordPress – это не только современная, но и удобная платформа. Даже новичку будет под силу справиться с настройками и функциями меню сайта на WordPress. Вы с легкостью сможете создавать интересные меню, которые могут быть и простыми, и многослойными, состоящими и нескольких подразделов.
Как указывалось выше, настроить меню сайта на WordPress можно несколькими способами. Это при помощи административной панели, а также используя плагины и коды. Если вам не требуется особых изысков в меню вашего сайта, например, разноцветья составляющих меню или боковых размещений, то стандартных настроек, доступных в панели управления, вам будет достаточно. С их помощью вы сможете правильно и корректно внести все разделы в ваше меню сайта и получить классическое оформление.
Более искушенные и продвинутые пользователи могут воспользоваться дополнительно разнообразными плагинами и кодировками, которые помогут воплотить все их пожелания в реальность.
Используя их на практике при оформлении меню на WordPress, можно создать не только эксклюзивное меню, но и дополнить его полезными новациями и наворотами, которые точно будут оценены пользователями вашего сайта.
Как создать меню с подменю в WordPress
Создание многоуровневого меню в WordPress занимает не больше времени, чем создание обычного «плоского» меню. Всё делается в том же интерфейсе в разделе «Внешний вид» — «Меню». Давайте для примера создадим структуру меню типичного сайта-визитки какой-нибудь абстрактной компании по оказанию IT-услуг.
Структура меню
Вот примерная структура меню, которая может быть у сайта-визитки сервисной компании:
- Главная
- Отзывы клиентов
- Услуги
- Подбор оборудования
- Монтаж и прокладка ЛВС
- Виртуализация
- IP-телефония
- Видеонаблюдение
- Мониторинг
- Контакты
- Блог
Уровень вложенности меню может быть любым, но на мой взгляд, сайты, у которых больше двух уровней вложенности очень неудобны в использовании. Пока ведёшь к подпункту, предыдущий пункт закрывается или постоянно скачет перед глазами. Это по большей части проблема программиста или автора темы, но факт остаётся фактом: самый частый вариант меню на сайтах — двухуровневый.
Некоторые сходятся в мысли, что перед тем, как создать страницы, следует создать меню из ссылок-пустышек, которые никуда не ведут и попросту не работают на сайте. Это нужно для того, чтобы заранее определиться с нужными пунктами и затем создавать структуру страниц по уже готовому варианту.
В принципе, это неплохо и можем пойти по такому же пути: сначала создадим структуру, посмотрим, всё ли нормально у нас и затем уже будем создавать страницы (создать страницы вы сможете и самостоятельно, я верю в вас!).
Заходим в раздел «Внешний вид» — «Меню»:
Создаём новый набор меню или используем уже существующий.
В левой части этого интерфейса находим блок «Произвольные ссылки» и раскрываем его (подробнее о вставке ссылок я рассказывал в инструкции Как добавить ссылку в меню):
Для создания структуры меню нам понадобятся ссылки-заглушки, чтобы не происходил переход на какие-то несуществующие страницы или внешние сайты. Для этого в поле «URL» достаточно указать символ решётки — #, а в поле «Текст ссылки» вставляем нужную нам фразу.
После нажатия на кнопку «Добавить в меню» в правой части экрана появится созданный нами пункт:
Отлично!
Добавляем остальные пункты в меню
Теперь по аналогии создаём остальные пункты меню первого уровня. В результате мы получим примерно такую картинку:
Давайте сохраним наш промежуточный результат и зайдём на сайт, чтобы посмотреть, как будет выглядеть первый вариант созданного только что меню:
Пока неплохо выглядит, я думаю можно продолжить дальше. Кстати, если вы не видите созданное только что меню, тогда вам следует обратить внимание на раздел «Области темы» в интерфейсе управления меню и выбрать там нужную вам опцию. У меня это выглядит так:
Возвращаемся в интерфейс управления меню и теперь уже по аналогии добавим все меню второго уровня, которые будут у нас в виде выпадающего меню для пункта «Услуги». Всё точно так же, ничего нового я тут не покажу.
Результат должен получиться следующий:
Вы, скорее всего, удивитесь, почему же пункты меню не оказались под пунктом «Услуги». Возможно команда разработчиков WordPress и сделала бы создание дочерних пунктов путём добавления дополнительной опции, как, например, с рубриками, но они сделали это удобнее, взгляните:
Вам достаточно захватить кнопкой мыши нужный вам пункт и просто перетянуть его под основной пункт меню. Что в итоге я сделал: перетащил «Подбор оборудования» под «Услуги», визуально пункт подменю получил отступ с левой стороны.
По аналогии сделаем и другие пункты:
Создание меню завершается нажатием на кнопку сохранения. После этого мы можем спокойно идти на главную страницу сайта и проверять промежуточный результат:
Что дальше?
Дальше всё просто:
- Создаёте нужные вам страницы с подстраницами для Услуг
- Удаляете по очереди каждый пункт меню-заглушку
- Вставляете ссылку на созданную страницу через раздел «Страницы» интерфейса управления меню
Если какие-то из пунктов вам остались непонятными — напишите об этом в комментарии, я подготовлю более развёрнутую инструкцию на этот счёт, но, как мне кажется, этого материала будет достаточно, чтобы создать развёрнутое меню в WordPress. Успехов! 😉
Видео
Как создать меню навигации в WordPress
Меню навигации (обычно называемые только меню) являются важной частью каждого веб-сайта. Представьте их как интерактивную карту блога. Они позволяют отображать всю структуру сайта и, в то же время, меню помогают посетителям более комфортно перемещаться по различным разделам и страницам.
Сегодня сложно найти блог без меню навигации. Если вы наткнулись на новостной портал с тысячами сообщений и многочисленными категориями, блог о еде, блог о моде или простой одностраничный блог, меню, вероятно, будет видно вверху, очень близко к заголовку.
Таким образом, за исключением необычных обстоятельств, меню навигации является обязательной функцией. Из-за этого создание меню WordPress – это то, что должно быть в верхней части вашего списка дел.
К счастью, создание меню WordPress может быть интересным. Вместо того, чтобы писать код и думать о том, как это будет работать в блоге, разработчики WordPress создали интуитивно понятную и удобную для пользователя систему. Это позволяет вам составлять части меню, используя простой интерфейс перетаскивания.
[iframe src=”https://www.youtube.com/embed/ykEV1eBRECU”]
Дизайн меню в WordPress зависит от темы. Он может выглядеть большим или маленьким. Некоторые меню WordPress анимированы и динамичны. Остальные бывают регулярными и статичными. Некоторые из них могут иметь целые сообщения, карты или формы, размещенные внутри навигации. Все это зависит.
Если у вас нет приятного меню для работы, вы можете обвинить в этом разработчика темы. Но прежде чем вы начнете кричать, имейте в виду, что все это полностью настраивается. Кроме того, многие фантастические плагины могут превратить ваше простое старое меню WordPress в своеобразное приложение.
Сегодня мы не будем вдаваться в подробности о плагинах и детальной настройке. Вместо этого мы собираемся сосредоточиться на добавлении стандартных элементов навигации в WordPress, которые каждый новичок может сразу начать использовать.
Без установки дополнительных расширений меню WordPress позволяют добавлять страницы, сообщения, пользовательские ссылки и категории.
Нет никаких ограничений на то, сколько меню WordPress вы можете создать. Так что не стесняйтесь создавать разные и при необходимости менять их местами. Имея возможность создавать бесчисленные меню, вы можете создавать отдельные списки навигации, социальные меню или даже добавлять меню на боковые панели.
Хотя все темы WordPress имеют как минимум одно место, где вы можете отображать меню, большинство из них предлагает несколько мест для работы. При наличии более сложных сайтов потребуется отображать меню более чем в одной области, чтобы посетители могли чувствовать себя более комфортно при переходе между страницами.
Чтобы перейти к редактору меню в WordPress, перейдите в Внешний вид -> Меню .
Если это новая установка сайта, вы можете ожидать, что пустая страница будет разделена на два сегмента. На левой стороне несколько вкладок содержат все доступные элементы, которые можно добавить в меню. С правой стороны вы можете создавать новые списки и настраивать их структуру и настройки. Прежде чем вы сможете увидеть настройки, вы должны создать новое меню:
- Придумайте узнаваемое имя и впишите его
- Нажмите кнопку «Добавить меню» справа.
Мгновенно правый аспект экрана изменится, и теперь вы увидите разделы, в которых вы можете редактировать структуру меню и его настройки. Но обо всем по порядку; давайте добавим некоторые элементы в ваше новое меню.
На этом этапе ваше основное внимание должно быть сосредоточено на левой части редактора. Как мы упоминали ранее, вы найдете вкладки, которые содержат страницы, сообщения, настраиваемые ссылки и категории. В большинстве случаев средний блог WordPress использует страницы и категории в качестве элементов меню. Но это не значит, что вам не следует добавлять туда и другие компоненты.
- Откройте любую из вкладок
- Выберите страницы, записи и категории или добавьте собственные ссылки
- Нажмите кнопку «Добавить в меню» на каждой вкладке перед переключением на следующую.
Добавлять сообщения, страницы и категории очень просто, так как вам нужно только выбрать их из списка. Но если вы добавляете настраиваемую ссылку, у вас должен быть полный URL-адрес страницы (например: http://www.google.com ). Также добавьте имя (метку), которое будет отображаться для этой ссылки (пример: Google )
После того как вы добавите более одного пункта меню слева направо от редактора, эти элементы появятся под структурой меню. Здесь WordPress позволяет вам перетаскивать элементы и, таким образом, переставлять их в любое положение, которое вам нравится.
Щелкнув значок маленькой стрелки справа от каждого элемента, WordPress откроет несколько дополнительных настроек. Затем вы можете быстро изменить метку пункта меню (имя, которое отображается в списке). Кроме того, здесь вы можете управлять расположением пунктов меню, щелкая соответствующие ссылки – например, перемещать объект вверх и вниз, отправлять его наверх или размещать под другим элементом для создания подменю.
Вы также можете легко удалить элемент из меню, щелкнув красную ссылку «Удалить» в нижней части карточки. Не волнуйтесь; это действие не удалит выбранную страницу, публикацию или категорию, а только удалит ее из меню, которое вы редактируете. Если бы это была настраиваемая ссылка, она была бы удалена, поэтому убедитесь, что вы помните URL-адрес, если решите снова добавить ту же настраиваемую ссылку.
Подменю – это вложенные элементы меню, которые зависят друг от друга. Элементы подменю называются родительскими и дочерними элементами меню. Чтобы просмотреть подменю, пользователь обычно должен навести курсор мыши или щелкнуть родительский элемент. Подменю используются для организации контента по категориям и для отображения более компактного меню навигации, которое легче понять.
Чтобы создать подменю с помощью техники перетаскивания, переместите один элемент под другим, но не забудьте переместить его немного вправо, прежде чем отпускать левую кнопку мыши.
Если вам просто не нравится перетаскивать элементы (и, по правде говоря, иногда бывает неприятно достичь того, что вы задумали), WordPress позволяет вам управлять элементами с помощью простых ссылок:
- Добавьте в меню как родительские, так и дочерние элементы
- Щелкните маленькую стрелку на элементе меню, который вы имели в виду в детстве (с отступом)
- Нажмите ссылку «Под родительским разделом», где «родительский» будет меткой элемента над ним.
Если вы решили удалить элемент подменю, вы можете просто переместить его немного влево. Либо щелкните маленькую стрелку на элементе и выберите «Из родительского раздела», где «родительский» снова будет меткой элемента над ним.
Перед сохранением вновь созданного меню следует позаботиться о еще двух важных параметрах.
- Автоматическое добавление страниц – каждый раз, когда создается новая страница верхнего уровня (основная, не имеющая родителя), она автоматически добавляется в это меню.
- Расположение отображения – если тема позволяет использовать несколько меню, выберите ее расположение из списка.
Когда вы довольны структурой, не забудьте нажать кнопку «Сохранить меню», которая находится справа вверху и внизу редактора.
Параметры экрана
В самом верху страницы вы можете найти вкладку «Параметры экрана». После щелчка на вкладке отобразится еще несколько параметров, которые позволят вам управлять настройками меню.
- Ящики – в дополнение к стандартным элементам вы можете отображать теги и форматы, которые затем можно добавлять в меню.
- Расширенные свойства меню – добавьте цель ссылки, атрибут цели, классы CSS, отношения ссылок (XFN) и описание.
Несмотря на то, что в темах есть предопределенные области для добавления меню, вы можете легко добавить свои собственные на боковую панель или любые другие области, готовые для виджетов.
- Перейдите в Внешний вид -> Виджеты
- Найдите виджет «Пользовательское меню» слева.
- Перетащите его вправо в любую имеющуюся у вас область, готовую к работе с виджетами (например, боковую панель).
- Выберите имя
- Выберите меню, которое вы создали ранее
- Нажмите кнопку «Сохранить».
Если вам неудобно работать с виджетами, перейдите по ссылке, чтобы узнать больше о настройке виджетов в WordPress.
Вывод
Создание веб-сайта без меню навигации – это все равно, что бить посетителей прямо по лицу. Итак, прежде чем предоставлять сайт для публики и продвигать его, обязательно создайте функциональное меню WordPress, которое поможет вам и посетителям быстрее перемещаться по сайту. Хорошее меню навигации также может помочь вам повысить рейтинг в поисковых системах.
Мы надеемся, что это руководство помогло вам сделать первый шаг к меню WordPress и что вы сможете без проблем создавать новые. Не забывайте при необходимости создавать подменю и использовать дополнительные места для отображения меню навигации. Также можно добавлять меню в области с виджетами. Но если вам нужен больший контроль над меню WordPress, необходимо будет изменить тему или установить дополнительные плагины.
Источник записи: https://firstsiteguide.com
Как сделать выпадающее меню в WordPress
От автора: WordPress имеет встроенную систему управления меню, которая позволяет легко добавить меню на ваш сайт. Однако, по мере того, как вы добавляете все больше и больше страниц, записей и другого контента, может оказаться невозможным включить каждый пункт в стандартную строку меню.
В этих случаях вы можете обеспечить легкий доступ ко всем разделам сайта, не загромождая строку меню, заменив стандартную горизонтальную строку меню раскрывающимся меню.
В этом кратком руководстве я расскажу о двух простых способах преобразования любого стандартного меню WordPress в раскрывающееся меню.
Лучшие плагины для меню навигации WordPress
Прежде чем мы начнем, я хочу упомянуть, что вы можете найти более 7000 лучших плагинов WordPress на CodeCanyon. За небольшую одноразовую плату вы можете приобрести эти высококачественные плагины WordPress для меню навигации или других задач.
Бесплатное видео-руководство по WordPress
Кроме того, вы можете ознакомиться с нашим подробным руководством по WordPress, которое включает более чем двухчасовую подробную видео-инструкцию для начинающих. Есть даже специальный урок, посвященный использованию меню WordPress.
Бесплатный курс «Основы создания тем WordPress»
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Скачать курс
Создайте как минимум одно стандартное меню WordPress
Вы можете добавить функционал выпадающего меню в любое меню WordPress. Если у вас нет стандартного меню, которое вы хотите преобразовать в выпадающее, вам нужно создать его.
Войдите в свою учетную запись WordPress, если вы еще этого не сделали. В левой боковой панели WordPress выберите «Внешний вид»> «Меню», а затем нажмите кнопку «Создать новое меню». Задайте имя для меню, а затем нажмите «Создать новое меню».
Обратите внимание, что название меню не отображается нигде на сайте, это исключительно для вас. В разделе «Добавить пункты меню» перечислены все страницы, записи, пользовательские ссылки, категории и форматы, которые можно добавить в меню. Нажмите на любой раздел, чтобы увидеть все доступные элементы в этой категории. Когда вы найдете элемент, который хотите добавить в меню, установите соответствующий флажок.
Когда вы будете довольны выбором, нажмите «Добавить в меню». Все эти элементы теперь будут добавлены в меню. На данный момент вы создали стандартное меню WordPress; ваша следующая задача — добавить выпадающий список.
Преобразуйте меню WordPress в выпадающее меню
Чтобы преобразовать обычное меню в выпадающее, вам нужно использовать перетаскивание для создания «родительских» элементов, которые будут отображаться как часть основного меню, и «дочерних» элементов, которые будут отображаться как часть родительских пунктов.
Например, на следующем снимке раздел «Settings» является родительским, а «Password Reset» и «Logout» — дочерними.
Это дает следующий выпадающий список:
Бесплатный курс «Основы создания тем WordPress»
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Скачать курс
Вы можете разделить пункты меню на родителей и потомков в области структуры меню. Сначала захватите любой элемент, который вы хотите превратить в дочерний. Перетащите его под родительский элемент, но пока не отпускайте мышь. Сдвиньте указатель мыши немного вправо от родительского элемента. Отпустите кнопку мыши, и пункт меню должен стать дочерним по отношению к родительскому элементу.
Когда вы будете довольны тем, как организовано выпадающее меню, нажмите Сохранить меню.
Управление местоположениями: Отображение вашего меню
Теперь нам нужно разместить это выпадающее меню на веб-сайте, поэтому нажмите на вкладку «Управление местоположениями».
В зависимости от того, как настроен ваш сайт, у вас могут быть разные варианты позиционирования меню. Однако, если вы хотите, чтобы ваше меню отображалось как часть заголовка сайта, вам, как правило, нужно выбрать Главное меню, Основное меню или Основное.
Когда вы будете довольны выбором, нажмите Сохранить изменения. Выпадающее меню должно теперь отображаться в верхней части сайта.
Создание выпадающих меню с помощью кастомизатора темы
Кроме того, вы можете создавать выпадающие меню с помощью функции предварительного просмотра и кастомизатора WordPress. В левом боковом меню WordPress выберите «Внешний вид»> «Меню».
Нажмите кнопку «Управление с предварительным просмотров». Вы будете перенаправлены в область Кастомизатора темы, где сможете создать стандартное меню WordPress, нажав кнопку «Создать новое меню». Задайте меню имя и нажмите «Далее».
Нажмите «Добавить элементы» и выберите элементы, который хотите отобразить как часть меню. Чтобы превратить стандартный элемент меню в дочерний, перетащите его под элемент, который вы хотите использовать в качестве родительского. Перед отпусканием мыши перетащите дочерний элемент немного вправо, а затем отпустите. Этот элемент теперь должен быть преобразован в дочерний элемент родительского элемента, и он появится как часть его выпадающего меню.
Когда вы разделите меню на родительские и дочерние элементы, ваши изменения будут автоматически отображены на предварительном просмотре. Повторите, пока вы не будете довольны настройкой выпадающего меню.
Укажите, где должно отображаться новое раскрывающееся меню, установив один из флажков «Расположение меню». Обратите внимание, что доступные параметры будут отличаться в зависимости от используемой вами темы WordPress. Когда вы будете довольны настройкой выпадающего меню, нажмите «Опубликовать». Новое выпадающее меню должно появиться на сайте.
Вывод
В этом кратком руководстве я показал вам, как создать стандартное меню WordPress, а затем преобразовать его в выпадающее. Реализовав на своем сайте выпадающее меню, вы сможете создать удобную систему навигации.
Автор: Jessica Thornsby
Источник: //webdesign.tutsplus.com
Редакция: Команда webformyself.
Бесплатный курс «Основы создания тем WordPress»
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Скачать курс
Основы создания тем WordPress
Научитесь создавать мультиязычные темы с нестандартной структурой страниц
Смотреть
Как добавить меню WordPress
Меню – это основной навигационный элемент и без него не обойдётся ни один сайт. В этой статье я расскажу вам, как можно добавить меню WordPress, используя для этого лишь стандартные возможности. У этой CMS достаточный встроенный функционал в части меню.
Это вам тоже будет интересно:
Как добавить меню WordPress
Переходим в пункт консоли «Внешний вид» и выбираем «Меню». Здесь есть две вкладки – «Редактировать меню» и «Управление областями». Чтобы добавить меню WordPress, необходимо перейти во вкладку «Редактировать меню» и потом нажать «Создать новое меню».
В поле «Название меню» необходимо вписать название. Оно не отображается на сайте и используется лишь для того, чтобы вы могли друг от друга отличать все меню, если их у вас будет несколько. Затем нужно нажать «Создать меню». Появится пустое меню, которое необходимо заполнить.
Создание меню
С левой стороны представлен список элементов, которые можно добавить в меню WordPress – страницы, произвольные ссылки и рубрики. Чтобы добавить в меню рубрики или страницы, необходимо раскрыть соответствующий список, выбрать вкладку «Все», отметить галочками нужное и нажать кнопку «Добавить в меню». Потом выбранные элементы появятся в меню, их можно будет видеть в секции «Структура меню».
Добавление элементов в меню
Так добавляются рубрики и страницы. С произвольными ссылками немного иначе. Необходимо в списке слева открыть «Произвольные ссылки», указать в поле «URL» нужный адрес (это может быть как внутренний адрес, так и внешний) и в поле «Текст ссылки» выписать название пункта меню. Затем нужно нажать «Добавить в меню» и этот пункт появится также в секции «Структура меню».
Добавление произвольных ссылок в меню
Итак, когда все необходимые пункты добавлены в будущее меню, следует знаться его структурой. Можно добавить меню WordPress любой сложности и вложенности – у каждого пункта может быть любое количество подпунктов. Чтобы сделать многоуровневое меню WordPress, необходимо мышкой подвинуть будущий подпункт немного вправо, а потом отпустить. Тогда рядом с ним появится надпись «Дочерний элемент» и родителем его будет тот пункт, который прямо над ним. Каждый пункт может стать как родительским, так и дочерним для любого другого пункта.
Не забывайте, что, несмотря на то, что добавить меню WordPress возможно с любым количеством уровней, не рекомендуется делать более 2-х уровней подпунктов, так как это негативно скажется на поведенческих факторах, пользователям будет неудобно.
Благодаря реализованной функции drag and drop можно также мышкой менять местами все пункты. Таким образом, можно отсортировать их, как угодно.
Создание многоуровневого меню
Когда со структурой меню покончено, можно перейти ниже в секцию «Настройки меню». Тут всего две опции:
- Автоматически добавлять страницы. Если поставить тут галочку, то в меню будут включаться все новые страницы автоматически.
- Области темы. Здесь необходимо поставить галочку на той области шаблона, в которой следует выводить созданное меню.
Чтобы добавить меню WordPress, многие начинают искать в настройках возможность сделать его вертикальным или горизонтальным. На самом деле таких настроек нет. Будет меню вертикальным или горизонтальным предусматривается областью, созданной в шаблоне.
Чтобы сохранить все внесённые изменения, необходимо нажать «Сохранить меню». И потом можно идти смотреть, как оно выглядит на сайте.
Вкладка «Управление областями» служит для того, чтобы разметить то или иное меню в какой-либо области, предусмотренной шаблоном. Это удобно, когда на сайте несколько меню. Области меню можно также определить в настройках шаблона WordPress.
Добавить меню WordPress можно не только в область меню, но и в область виджетов, в сайдбар, например. Для этого используется виджет «Произвольное меню».
Статьи по теме:
Как легко создавать собственные меню в WordPress!
WordPress — одна из тех платформ, на которых можно делать практически все. Достаточно провести пару минут в панели администратора, и вы сможете сделать свой сайт таким, каким вы хотите. То же самое и с пользовательских меню . Создавать их и управлять ими очень просто , и каждый может это сделать.
Очень важно иметь интуитивно понятные и хорошо организованные меню, которые упростят пользователям поиск того, что им нужно на вашем сайте.Тщательно организуйте и структурируйте свои категории, потому что меню должно работать как карта для вашего веб-сайта. Он должен направлять ваших посетителей к тому содержанию, которое они ищут.
Как создавать собственные меню в WordPress
Создать собственное меню на самом деле очень просто. Я использовал Twenty Fifteen, тему WordPress по умолчанию, чтобы показать вам все шаги, которые необходимо предпринять для создания собственных пользовательских меню.
Давайте сделаем шаг за шагом.
Чтобы настроить меню вашего веб-сайта по умолчанию, вы должны войти в панель управления WordPress, щелкнуть Appearance , а затем Menus .Первое, что вам нужно сделать, это дать меню имя, а затем нажать кнопку Create Menu .
После его создания вы можете начать добавлять свои пункты меню. Все категории, сообщения и страницы вашего веб-сайта собраны в левом столбце, и оттуда вы можете просто добавить их в свои пользовательские меню всего за несколько кликов.
Прежде всего, вам нужно нажать на Pages и View All . Выберите все страницы, которые вы хотите отобразить в меню (используйте флажки рядом с названиями страниц).
Я выбрал для теста все, но вы должны использовать только те, которые вам нужны.
После выбора пунктов меню вы можете изменить их порядок. Все, что вам нужно сделать, это перетащить их в нужное место. Вот как вы собираетесь организовать свои пользовательские меню.
Помимо стандартных меню, вы также можете создавать подменю. Просто перетащите пункт меню вправо от другого пункта меню. Вот так:
Подменю работают как раскрывающиеся меню.Если вы хотите, чтобы определенный элемент принадлежал другому, все, что вам нужно сделать, это перетащить его немного вправо, прямо под «родительским элементом».
Как выбрать расположение пользовательского меню
Теперь, когда у вас готово настраиваемое меню, пора выбрать, где вы хотите его разместить. Но здесь нужно знать одну важную вещь.
Не все темы WordPress поддерживают несколько меню. Количество меню по умолчанию — два: первичное и вторичное (в случае Twenty Fifteen второе называется Меню социальных ссылок ).Затем, в зависимости от параметров настройки вашей темы, вы можете использовать больше. Например, некоторые темы позволяют создавать меню нижнего и верхнего колонтитула отдельно от меню по умолчанию.
Второстепенное меню может появляться во многих разных местах в зависимости от структуры вашей темы и общей идеи, которая была у дизайнера для темы. Здесь нет жестких правил, поэтому вам просто нужно экспериментировать и всегда видеть, как выглядят ваши меню, когда вы размещаете их в определенном месте.
Меню нижнего колонтитула, очевидно, будет находиться в нижнем колонтитуле, и оно может содержать такие элементы, как «Контакты», «О нас» или любые другие элементы, которые также можно найти в основном меню.
Теперь, в моем случае, вы увидите только два пункта меню — основной и социальный — потому что тема Twenty Fifteen поддерживает только их. Но если ваша тема предоставляет больше меню, вы можете управлять ими на вкладке Управление местоположениями прямо здесь:
Итак, сколько меню использовать — это ваш выбор. Если вы планируете использовать более двух меню, заранее проверьте настройки темы.
Как удалять и переименовывать пункты меню
Чтобы удалить элементы из настраиваемого меню, щелкните маленькую стрелку справа на каждой странице.Вы увидите некоторые сведения об этой странице и кнопку Remove внизу. Щелкните по нему, и этот элемент будет удален.
Сделайте то же самое, чтобы переименовать пункты меню. Нажмите на их текущее имя и измените его.
Наконец, нажмите одну из двух доступных синих кнопок Меню сохранения . Это эффективно сохранит все внесенные вами изменения.
Как добавить пользовательские ссылки в ваше меню
Все, что вам нужно сделать, это щелкнуть Custom Links в левом столбце, и на этом этапе вы можете добавить любую ссылку в свое меню.Каждая ссылка требует URL (его уникальный веб-адрес) и Link Text (имя ссылки в меню). Нажмите Добавить в меню , и все готово.
Эти настраиваемые ссылки полезны в тех случаях, когда вы хотите создать ссылку на страницу, которая не была указана в левом столбце, например, на весь внешний веб-сайт.
Как делать ссылки на страницы категорий или теги
Хотите добавить категории сообщений в свое меню? Щелкните вкладку Категории в том же левом столбце и выберите те, которые должны появиться в вашем меню.Действуйте так же, как и с другими предметами.
Как добавить социальное меню
Создать меню для социальных сетей даже проще, чем создать обычное. Щелкните ссылку «Создать новое меню», , введите имя и щелкните Создать меню .
Следующим шагом является установка флажка Меню ссылок на социальные сети внизу и использование вкладки Пользовательские ссылки для добавления ссылок на социальные сети.
Например, вы можете ввести «Twitter» в качестве текста ссылки и вставить адрес своей учетной записи Twitter в поле URL .Затем нажмите Добавить в меню, , и ваша учетная запись Twitter будет добавлена в социальное меню.
Не забывайте всегда нажимать Меню сохранения перед предварительным просмотром или закрытием страницы.
Вот как выглядят мои два пользовательских меню после выполнения описанных выше шагов (я использовал тему Twenty Fifteen):
Было ли вам полезно это руководство? Сообщите нам, каким был ваш первый опыт создания настраиваемого меню в WordPress.
Бесплатный гид
5 основных советов по ускорению работы сайта на WordPress
Сократите время загрузки даже на 50-80%
, просто следуя простым советам.
Как обновить меню WordPress
Иногда вам нужно добавить пункт меню, связанный с новой страницей, которую вы создали. Или, возможно, вы хотите удалить пункт меню или переместить его на .
Если ваша тема WordPress позволяет обновлять меню с помощью встроенной функции меню (находится в разделе «Внешний вид»), вот простое руководство о том, как вы можете обновить меню WordPress самостоятельно.
NB — По умолчанию пользователи «уровня редактора» не получают автоматически доступ к параметрам ниже. Вам может потребоваться связаться с вашим веб-дизайнером / администратором, если вам недоступны эти параметры.
Добавление новых позиций
Во-первых, убедитесь, что вы создали новую страницу, заполнили содержание и опубликовали его. Затем, чтобы добавить пункт меню, чтобы пользователи могли посещать вашу новую страницу…
- Перейдите в Внешний вид> Меню
Если на вашем веб-сайте используется более одного меню, выберите меню, с которым хотите работать, из раскрывающегося меню вверху. - Найдите панель под названием Pages .
- На этой панели выберите ссылку Просмотреть все , чтобы открыть список всех опубликованных в данный момент страниц.
- Выберите страницы, которые нужно добавить, установив флажок рядом с заголовком каждой страницы.
- Нажмите кнопку Добавить в меню , расположенную в нижней части этой панели, чтобы добавить их. Ваши новые пункты меню добавляются в самый низ меню, под «Структура меню» (вам, возможно, придется прокрутить вниз, чтобы увидеть их).
- Скорее всего, вы захотите переместить новые элементы в более подходящее место в меню.Чтобы переместить вновь добавленные элементы в Структура меню , просто перетащите их вверх (и / или вниз) в нужное место.
- Наконец, после завершения нажмите кнопку Сохранить меню .
Перемещение пунктов меню
- Перейдите в Внешний вид> Меню
Если на вашем веб-сайте используется более одного меню, выберите меню, с которым хотите работать, из раскрывающегося меню вверху. - В «Структура меню» перетащите элементы меню вверх или вниз для перемещения.Пункты, находящиеся в подменю, обозначаются отступом.
- Наконец, нажмите кнопку Сохранить меню , когда закончите.
Удаление пунктов меню
- Перейдите в Внешний вид> Меню
Если на вашем веб-сайте используется более одного меню, выберите меню, с которым хотите работать, из раскрывающегося меню вверху. - В разделе «Структура меню» найдите пункт меню, который нужно удалить, и щелкните стрелку раскрывающегося списка, показанную справа (маленькая стрелка).
- Щелкните ссылку Удалить .
- Наконец, нажмите кнопку Сохранить меню , чтобы закончить.
Вот и все основы . Если вам нужна дополнительная информация об обновлении меню WordPress и другие варианты и методы, посетите следующие полезные страницы:
Очень простой видеоурок по добавлению и перемещению пунктов меню
Как создать страницу WordPress и добавить ее в меню
Одна из первых задач, которую вы захотите решить на своем новом блестящем веб-сайте WordPress, — это создание страницы.Независимо от того, создали ли вы свой собственный веб-сайт WordPress, подписались на него на WordPress.com или специально для вас создали один профессионал, создание страниц будет одной из ваших основных задач. Естественно, вы также захотите добавить его в свои навигационные меню, чтобы посетители могли его найти.
Из этого туториала Вы узнаете, как создать страницу WordPress и как добавить ее в меню навигации своего веб-сайта. Из-за длины сообщения процесс может показаться сложным, но на самом деле это не так уж и сложно.Сделав это несколько раз, вы научитесь.
Начать работу
Первое, что вам нужно сделать, это войти в админку вашего сайта WordPress. Как только вы это сделаете, нажмите на пункт меню «Страницы» в левом меню навигации. Это приведет вас к списку всех ваших страниц.
Создать страницу WordPress
Нажмите кнопку «Добавить» вверху страницы. Вы попадете на страницу «Добавить новую страницу», на которой есть редактор WordPress и все настройки для вашей новой страницы.
В верхнем поле вы вводите название своей новой страницы. Область редактора — это место, где вы вводите текст своей страницы и вставляете изображения. Когда вы заполняете различные поля для своей новой страницы, в какой-то момент вы заметите, что поле постоянной ссылки появится прямо под заголовком. Постоянную ссылку часто называют «слагом», и в основном это адрес или URL-адрес страницы, которую вы создаете. WordPress автоматически определяет постоянную ссылку на основе введенного вами заголовка. Если вам не нравится постоянная ссылка, которую создает WordPress, вы можете нажать кнопку «Изменить» рядом с ней и изменить ее на более подходящую.
После того, как вы настроили соответствующие поля для своей страницы, нажмите синюю кнопку «Опубликовать». Это делает страницу доступной для публики, но может или не может отображаться в вашем меню навигации, в зависимости от того, как меню теперь настроено (подробнее позже). Вы также можете нажать кнопку «Сохранить черновик», чтобы сохранить страницу на будущее; в этом состоянии страница не видна публике.
Загадка навигации
Теперь, когда у вас есть блестящая новая страница, как ваши посетители могут ее прочитать? Будет ли страница автоматически отображаться в вашем меню навигации, во многом зависит от того, как настроена ваша тема, или от того, поддерживает ли она встроенную систему меню WordPress.
Если ваша тема не поддерживает меню WordPress, то опубликованная страница, скорее всего, уже отображается в вашем меню навигации по умолчанию. Это также будет иметь место, если ваша тема поддерживает меню WordPress, но еще не имеет назначенных ей меню.
Самый простой способ проверить правильность конфигурации вашей темы для меню WordPress — просто посмотреть, добавлена ли новая страница, посетив домашнюю страницу. Если нет, то вам либо нужно настроить меню для вашей темы (скорее всего), либо ваша тема не поддерживает меню WordPress.
Добавление страницы в меню навигации
В области администрирования WordPress наведите указатель мыши на пункт меню «Внешний вид» в левом меню, затем нажмите «Меню». Если меню еще нет, вам нужно будет создать его, используя предоставленную ссылку. Одно из меню будет показано по умолчанию, если оно уже существует.
После того, как вы выбрали или создали меню, вам нужно добавить в него новую страницу. На левой боковой панели есть все возможные области, куда вы можете добавлять пункты меню. По умолчанию он покажет вам список последних созданных страниц.Первой в списке должна быть ваша новая страница. Чтобы добавить его в меню, установите флажок рядом с ним и нажмите кнопку «Добавить в меню».
Вы увидите, что он добавлен в конец списка на правой панели. Теперь вы можете щелкнуть и перетащить эту страницу в то место меню, где вы хотите, чтобы она отображалась. Обратите внимание, что вы можете сделать его дочерним по отношению к любому другому пункту меню, просто перетащив его под родительский элемент меню и немного вправо.
После того, как меню настроено так, как вы хотите, не забудьте установить соответствующие флажки в разделе «Местоположение тем».Это назначает меню определенным местам в вашей теме. Для получения дополнительной информации о том, где расположены меню в вашей теме, вам необходимо проконсультироваться с документацией по вашей теме или в службе поддержки.
Нажмите синюю кнопку «Сохранить меню», чтобы сохранить свое меню. Теперь вы можете посещать свою домашнюю страницу так, как ее увидят посетители, чтобы убедиться, что меню выглядит так, как вы хотите.
Как создать меню в WordPress
Вы уже наслаждаетесь своим приключением в WordPress. Вы выбрали отличную тему WordPress, создали хороший веб-сайт и воплотили в жизнь свою SEO-машину WordPress.Посетители начали проникать в ваш новый бизнес на базе WordPress, но лишь немногие из них превратились в преданных поклонников или клиентов.
Вы проверяете Google Analytics, и ваш показатель отказов зашкаливает. Итак, вы решили проверить все аспекты своего веб-сайта, но не можете найти, в чем проблема. Что за черт?
Что ж, я вам вот что скажу: ваше навигационное меню WordPress могло быть причиной ваших бед. Плохая система меню навигации не позволит посетителям найти то, что им нужно на вашем сайте, а если они не найдут его, они просто сделают то, что делает каждый нормальный человек — нажмите кнопку «Назад» и загрузите сайт вашего конкурента.
С другой стороны, отличная навигационная система похожа на карту, которая показывает вашим посетителям, куда именно нужно идти, чтобы найти то, что им нужно. Это просто означает, что без отличного меню навигации вы потеряете клиентов справа, слева и по центру. Да, приятель, отличное меню навигации — как у раллийного водителя — навигатор — очень важно.
В этом пошаговом руководстве мы покажем вам, как создать идеальную навигационную систему. Затем мы покажем вам, как именно настраивать меню с помощью интуитивно понятного менеджера меню WordPress — как в классической основной панели инструментов, так и в живом настройщике.
Как создать идеальную навигацию для WordPress
Вы готовы к приключениям в меню? Что ж, ешьте al carte… В этом разделе мы рассмотрим, что делает отличную навигационную систему.
Сохраняйте простоту
Лучшая навигационная система проста в использовании.
Не усложняйте меню навигации, добавляя страницы, которые пользователю не нужны. Придерживайтесь своего самого важного контента — контента, который нужно пользователю достаточно долго для преобразования.Делайте ссылки только на ваши самые важные страницы WordPress, такие как «О нас», «Контакты», «Наем / продукт» и т. Д., А также на популярный контент, который помогает вашему делу.
Говоря о простоте, вам действительно нужно это мегаменю в вашем небольшом личном блоге? Я так не думаю; Да, мегаменю — это здорово, но они идеально подходят для гигантских сайтов WordPress с миллиардом байтов контента и триллионом загружаемых продуктов. Держать его просто глупо.
Также учитываются файлы Sitemap
Карта сайта считается важным звеном в совершенной системе навигации.Помогая паукам поисковых систем легко и правильно сканировать ваш сайт, файлы Sitemap также могут пригодиться, когда пользователь теряется и / или сталкивается со страницей с ужасной ошибкой 404. Думайте об этом как о меню навигации для всего вашего сайта, опубликованного на специальной странице. Не надо бояться файлов Sitemap, это просто страницы, содержащие ссылки на все ресурсы вашего сайта.
Самое приятное то, что вы можете легко создавать карты сайта, используя плагины, такие как Google XML Sitemaps, или просто использовать тему WordPress, которая изначально поддерживает карты сайта.Создайте специальную страницу карты сайта и убедитесь, что вы видите список всех ресурсов на своем сайте WordPress при загрузке https://www.yousite.com/sitemap/. Вы можете создать ссылку на карту сайта со страницы ошибки 404 или из главного меню.
Добавление меню навигации в несколько местоположений
Если вы хотите повысить свои шансы, например, на выигрыш в лотерею, вам нужно будет сыграть пару раз. Это имеет прямое отношение к теории вероятностей. Точно так же, чтобы читатели нажимали на ваши ссылки, вам нужно показать указанные ссылки несколько раз в разных местах вашего сайта.Логика здесь проста: чем легче читатель найдет ссылки, тем быстрее они будут переходить по ним.
По умолчанию большинство тем WordPress позволяют отображать меню навигации в разделе заголовка и, возможно, в нижнем колонтитуле, но это все. Однако вы можете использовать виджеты для отображения меню навигации в любом месте.
Лучшие места меню для максимальной экспозиции включают области верхнего колонтитула, боковой панели и нижнего колонтитула. Боковая панель также является отличным местом для категорий, архивов и тегов, поэтому не стесняйтесь пользоваться этими функциями для улучшения своей системы навигации.
Добавить форму поиска
Системы ломаются в самый неподходящий момент. Они склонны уступать или терпеть неудачу, когда вы меньше всего этого ожидаете. Меню навигации — не исключение, они постоянно выходят из строя, особенно если вы используете сторонний плагин меню WordPress и продолжаете возиться. В других случаях у пользователя просто нет времени углубиться на несколько уровней в ваше меню, чтобы найти информацию. Что делать?
Вы реализуете форму поиска, которая упрощает пользователям поиск того, что им нужно.Затем разместите его на видном месте на своем сайте WordPress. Например, не скрывайте его в разделе нижнего колонтитула, который виден только тогда, когда пользователь прокручивает страницу вниз. Если у вас есть бесконечная прокрутка, указанный пользователь может никогда не увидеть форму поиска.
Форма поиска — это надежная мера, а также устройство, которое значительно улучшает взаимодействие с пользователем. Relevanssi поможет вам создать отличные поисковые системы для вашего бизнеса на базе WordPress.
Главный вывод: В конце дня просто убедитесь, что ваши навигационные меню легко найти и использовать.Также ставьте важный контент на первое место, чтобы его было невероятно легко найти.
Как создать меню WordPress на главной панели инструментов
Теперь давайте создадим отличное меню навигации с помощью полезного менеджера меню WordPress. WordPress поставляется с отличным менеджером меню, который позволяет создавать простые меню, включая раскрывающиеся меню. Это простой менеджер перетаскивания, который упрощает добавление меню. Даже пятиклассник может добавить меню WordPress за считанные минуты.
Создать новое меню
Как? Просто перейдите к Внешний вид> Меню в админке WordPress.Откроется экран редактора Menus . Если вы еще не создали меню или если вы нажмете ссылку «Создать новое меню», вы должны увидеть этот экран:
Давайте, дайте вашему новому меню имя. Мы будем называть наш пример «главное меню». Введите желаемое имя и нажмите кнопку Create Menu . Это запустит этот экран:
Как видите, доступно несколько вариантов. Слева вы увидите список своих страниц, категорий, вкладку настраиваемых ссылок и, возможно, несколько других функций в зависимости от вашей темы.
Справа находится область Структура меню , где вы будете редактировать и упорядочивать пункты меню. У вас также есть область Menu Settings , которая позволяет вам выбирать расположение меню, и опция, которая позволяет вам автоматически добавлять новые страницы верхнего уровня в ваше меню (хотя для большинства сайтов это можно игнорировать).
Добавить пункты меню
Все, что вам нужно отсюда, чтобы создать свое меню, — это выбрать страницы, категории или добавить пользовательские ссылки на левой панели, а затем нажать кнопку Добавить в меню .В мгновение ока ваши пункты меню появятся в правом столбце, куда вы просто перетаскиваете их по своему усмотрению.
Зачем вам добавлять категории в меню WordPress? Если вы создали сообщения (например, уроки) в разных категориях (курсах), вы можете сгруппировать уроки в курсы с помощью этой функции. Это также полезная функция, если у вас есть новостной сайт. Я пошел дальше и добавил различные категории в свое примерное меню, например:
Давайте также добавим несколько настраиваемых ссылок, которые будут направлять посетителей на сторонние сайты или даже наши собственные сайты, живущие в субдоменах.Просто перейдите на вкладку Custom Links .
Добавьте свою ссылку в текстовую область URL и название меню в Текст ссылки . Затем просто нажмите кнопку Добавить в меню . Всегда указывайте расширение ( https: //) , иначе ваши ссылки не будут работать:
Выпадающее меню
Пока что у нас есть только несколько ссылок в нашем меню, но если бы мы добавили кучу ссылок, это могло бы очень быстро испортиться. Здесь вам пригодятся выпадающие меню.
Чтобы создать раскрывающийся список, сначала добавьте элементы подменю, которые вы хотите использовать. Мы выбрали несколько сообщений в блоге и добавили их в наше меню в качестве примера. Затем просто перетащите элемент подменю немного вправо, например:
Выпадающие списки — отличный способ сделать ваши меню короче, чище и удобнее в навигации. Вы можете создавать дополнительные подменю в существующих подменю, создавая при необходимости многоуровневые раскрывающиеся меню.
Примечание. В зависимости от темы у вас могут быть дополнительные параметры стиля раскрывающегося списка, доступные в настройщике или на панели тем.
Свойства расширенного меню
Знаете ли вы, что есть скрытые пункты меню? Чтобы включить их, просто щелкните вкладку Screen Options в правом верхнем углу экрана. Затем проверьте Advanced Menu Properties , которые вы хотите включить:
Вы найдете следующие параметры, каждый из которых добавляется к пунктам меню после их включения.
Link Target : Установите этот флажок, чтобы добавить target = ”_ blank” к ссылке, чтобы ваш пункт меню открывался в новой вкладке, когда пользователи нажимают на него.
Атрибут заголовка : Атрибуты заголовка могут использоваться для добавления дополнительной информации о ссылке. Обычно это наиболее полезно для поисковых роботов, но также отображается для пользователей в виде всплывающей подсказки, когда они наводят курсор на ваш пункт меню.
CSS-классы : этот параметр можно использовать для добавления пользовательского CSS-привязки к отдельным пунктам меню. Это то, что вы можете запрограммировать самостоятельно, но часто разработчики тем могут включать дополнительную опцию или две. Например, наша собственная тема Total WordPress включает в себя настраиваемый класс кнопки меню, который будет отображать элемент меню в виде стилизованной кнопки (отлично подходит для добавления «Купить сейчас», «Запросить цену» или аналогичного призыва к действию).
Связь ссылок : Эта опция немного сложна, и для быстрого объяснения ее можно использовать для определения того, как ваш сайт лично связан со ссылкой в вашем пункте меню. Это еще один из ваших сайтов? Это сайт друга? Вы можете прочитать официальное руководство, если хотите узнать больше.
Описание : Как бы то ни было, эта опция позволяет вам добавить более подробное описание к вашим пунктам меню. Несмотря на то, что эту опцию вы можете легко включить, она не будет отображаться, если она не поддерживается вашей темой.
Расположение меню
Мы почти закончили, но еще не закончили! Вам все равно нужно указать место, где будет отображаться ваше меню. Под конструктором меню вы увидите раздел Настройки меню . Здесь вы найдете параметры Display Location . Каждая тема поддерживает разное количество меню, поэтому в зависимости от вашей темы у вас может быть одно или несколько мест меню. Вам нужно будет назначить меню для каждого местоположения, которое вы планируете использовать, однако у вас есть выбор: назначить одно и то же меню для нескольких местоположений или создать отдельные меню для каждого местоположения (это зависит от вас).
Примечание. Кроме того, вы можете использовать вкладку «Управление местоположениями» для управления местоположением всех ваших меню в одном месте.
Чтобы назначить меню местоположению, просто установите флажок:
Когда вы будете удовлетворены своим меню, элементами и выбранным местом, нажмите кнопку Сохранить меню .
Теперь, когда вы смотрите на свой веб-сайт во внешнем интерфейсе, вы видите свое меню. Поскольку мы назначили наше меню основному элементу / заголовку, оно отображается как главное меню на нашем демонстрационном сайте:
Но пока что классический редактор меню Dashboard позволяет вам видеть структуру ваших меню, но вы действительно можете визуализировать их.Если вы хотите видеть свое меню в реальном времени, настройщик — правильный выбор.
Как создать меню WordPress в Live Customizer
Вместо использования традиционного редактора меню на главной панели управления WordPress вы можете создавать меню с предварительным просмотром в режиме реального времени в настройщике. Многие варианты остались прежними, но мы снова проведем вас через каждый шаг, чтобы вы могли быть уверены.
Для начала вам нужно открыть живой настройщик, который находится в Внешний вид> Настроить :
Затем щелкните вкладку Menus , чтобы перейти к следующему экрану для настройки меню:
Отсюда вы можете видеть свои уже созданные меню (например, «Мое новое меню», которое мы только что создали в традиционном диспетчере меню), создавать новые или просматривать все места меню.Поскольку мы показываем вам все тонкости создания меню в Настройщике, мы нажимаем на ссылку Create New Menu .
Создать новое меню
При создании нового меню в Настройщике ваши первые шаги — выбрать Имя меню и установить флажок для Расположение меню . Напоминаем, что доступные места в меню будут зависеть от вашей темы. Поскольку мы используем тему Total, у нас есть несколько доступных местоположений, поэтому мы выберем раздел «Нижний колонтитул», поскольку мы уже создали главное меню:
Добавить пункты меню
После присвоения имени и назначения вашему меню вы можете приступить к созданию.Нажмите кнопку Добавить элементы , чтобы открыть конструктор меню:
Здесь вы найдете все те же варианты добавления ссылок, что и в традиционном диспетчере меню.
Чтобы добавить страницы, сообщения, пользовательские типы сообщений или таксономию, просто щелкните значок плюс + рядом с элементом, который вы хотите добавить. Он немедленно добавит элемент в ваше меню и отобразит его в режиме предварительного просмотра вашего сайта:
Напоминание. Мы создаем нижний колонтитул, поэтому наше меню отображается в нижнем колонтитуле.В зависимости от того, в каком меню вы выберете, предварительный просмотр меню в реальном времени будет отличаться. Если вы выбрали местоположение мобильного меню, меню будет отображаться только на мобильном устройстве, поэтому вам нужно будет нажать на значок планшета или телефона в правом нижнем углу живого настройщика, чтобы просмотреть свое мобильное меню.
Чтобы добавить настраиваемую ссылку, просто добавьте свой URL-адрес и текст ссылки и нажмите кнопку Добавить в меню :
Свойства расширенного меню
При работе в Live Customizer ссылка меню Advanced Menu Properties не отображается по умолчанию.Чтобы включить их, вам нужно вернуться в главный редактор меню панели управления WordPress (если вы уже начали создавать свое меню, обязательно сначала опубликуйте свое меню, чтобы не потерять всю свою тяжелую работу), нажмите на На вкладке «Параметры экрана» в правом верхнем углу экрана установите флажки для параметров, которые нужно включить. Затем, когда вы вернетесь к работающему Customizer> Menus , откройте свое меню и щелкните стрелку рядом с пунктом меню, вы найдете все расширенные свойства меню, которые вы активировали:
Выпадающее меню
После того, как вы добавили в меню пункты, которые могли бы понадобиться, вы можете создавать раскрывающиеся списки.Для раскрывающегося списка вам потребуются элементы подменю, поэтому просто добавьте ссылки в меню, затем щелкните и перетащите их вправо. Это создаст ваш раскрывающийся список:
Меню Live Preview
Вы, наверное, уже заметили, когда строили, но предварительный просмотр в реальном времени справа от меню настройщика обновляется в реальном времени, когда вы вносите изменения. Таким образом, когда вы добавляете элементы меню, добавляете раскрывающиеся списки, меняете местоположение и т. Д., Это будет отражаться в предварительном просмотре в реальном времени. Вот как сейчас выглядит наше нижнее меню:
Если вас устраивает ваше меню, обязательно Опубликуйте его перед выходом из живого настройщика.После публикации ваше меню будет отображаться в интерфейсе вашего сайта:
Как видите — выглядит так же, как на превью. Никаких сюрпризов!
Последние мысли
Меню навигации WordPress — жизненно важная часть вашего сайта WordPress. Они направляют ваших пользователей, позволяя им находить интересующий их контент. Они отлично подходят для улучшения пользовательского опыта и, как следствие, ваших коэффициентов конверсии. Самое приятное то, что их довольно легко реализовать, поэтому ничто не будет вас сдерживать.
И если вы хотите создать действительно особенное меню, попробуйте один из этих лучших плагинов меню WordPress. Это быстрый и простой способ создать или улучшить существующие меню WordPress.
Больше не оставляйте деньги на столе, инвестируйте в плагин меню WordPress, который соответствует потребностям вашего бизнеса. Есть вопросы или комментарии? Поделитесь в комментариях ниже!
Добавить / изменить / удалить пункты меню в WordPress
Меню — это основной метод навигации на вашем сайте WordPress.Вы можете узнать главное меню как полосу вверху большинства веб-сайтов. Он содержит «Дом», «О нас», «Контакты» и т. Д. Чтобы редактировать элементы в главном меню, используйте это пошаговое руководство. Не забывайте, что вы можете позвонить в Techno Goober за помощью по телефону (302) 645-7177 или написать нам по электронной почте.
Быстрый доступ:
Открыть диспетчер меню
Для начала войдите в свою систему управления контентом WordPress.
Шаг 1: Наведите указатель мыши на Внешний вид и выберите Меню из дополнительного меню на левой боковой панели в системе управления контентом.
Изменить существующий элемент меню
Шаг 1: Перейдите к Внешний вид -> Меню.
Шаг 2: Меню содержит список страниц, которые в настоящее время находятся в вашем меню. Чтобы отредактировать элемент меню, щелкните стрелку раскрывающегося списка рядом с соответствующим элементом меню.
Шаг 3: Отредактируйте элемент меню, изменив ярлык навигации
Шаг 4: Вы можете упорядочить свое меню, перетаскивая заголовки, чтобы изменить порядок меню.
Шаг 5: Когда вы закончите, щелкните Save Menu .
Шаг 6: Перейдите на внешний интерфейс веб-сайта, чтобы проверить свою работу. Для этого вы можете щелкнуть правой кнопкой мыши название вашего веб-сайта в верхнем левом углу и выбрать Открыть в новой вкладке .
Помогите! Я не вижу своих изменений!
Добавить новый пункт меню
Шаг 1. Перейдите к Внешний вид -> Меню.
Шаг 2: Добавьте новые элементы в меню двумя способами.
Если элемент, на который вы хотите разместить ссылку, является страницей в WordPress:
- Установите флажок рядом с заголовком страницы, которую вы хотите добавить. Если вы не видите его там, нажмите Search и введите заголовок страницы.
- После выбора нажмите Добавить в меню
Если элемент, который вы хотите добавить, представляет собой ссылку за пределами WordPress:
- Щелкните панель с заголовком Пользовательские ссылки
- Введите URL-адрес и текст ссылки
- Нажмите Добавить в меню
Шаг 3: Когда вы закончите, щелкните Save Menu .
Шаг 4: Перейдите на внешний интерфейс веб-сайта, чтобы проверить свою работу. Для этого вы можете щелкнуть правой кнопкой мыши название вашего веб-сайта в верхнем левом углу и выбрать Открыть в новой вкладке .
Помогите! Я не вижу своих изменений!
Удалить пункт меню
Шаг 1: Перейдите к Внешний вид -> Меню.
Шаг 2: Щелкните стрелку раскрывающегося списка рядом с элементом меню, который нужно удалить.
Шаг 3: Щелкните Remove , чтобы удалить пункт меню.
Шаг 4: Когда вы закончите, щелкните Save Menu .
Шаг 5: Перейдите на внешний интерфейс веб-сайта, чтобы проверить свою работу. Для этого вы можете щелкнуть правой кнопкой мыши название вашего веб-сайта в верхнем левом углу и выбрать Открыть в новой вкладке .
Помогите! Я не вижу своих изменений!
Создание настраиваемого меню в WordPress
Не знаете, как лучше всего использовать меню на своем сайте WordPress?
В этом коротком видео мы поделимся некоторыми советами и приемами, которые помогут настроить навигацию по сайту и запустить ее в кратчайшие сроки!
Четыре шага в создании меню WordPress
- 1.Перейдите в Панель управления> Внешний вид
- 2. Нажмите «Меню»
- 3. Назовите свое меню
- 4. Нажмите «Создать меню»
Расположение меню настроек и добавление элементов
Затем вы захотите установить расположение дисплея — ваша тема автоматически покажет все области, где меню может быть назначено из коробки.
После того, как вы определились, где должно отображаться меню, нажмите на элементы, которые хотите добавить в свое меню, и нажмите кнопку «Добавить в меню».
Расположение пунктов меню
WordPress позволяет легко упорядочивать элементы меню — просто перетащите их! Вы можете использовать это для вложения элементов, а если вы ошиблись, просто перетащите их обратно.
Нажмите «Сохранить меню», и все готово!
Советы и хитрости
Иногда вам может понадобиться элемент меню верхнего уровня, на который нельзя щелкнуть, чтобы вы могли создать под ним раскрывающееся меню.
Для этого используйте знак решетки в поле URL и введите свой текст ссылки, затем нажмите «Добавить в меню».
Хотите, чтобы ссылка меню открывалась в новой вкладке? Вы найдете это и многое другое под кнопкой «Параметры экрана».
- 1.Нажмите «Параметры экрана»
- 2. Нажмите, чтобы выбрать «Ссылка на цель»
- 3. Нажмите под любым пунктом меню, чтобы ссылка открывалась в новой вкладке
Кристен пишет учебные пособия, чтобы помочь пользователям WordPress с 2011 года. Обычно она работает над новыми статьями для блога iThemes или разрабатывает ресурсы для #WPprosper. Вне работы Кристен любит вести дневник (она написала две книги!), Ходить в походы и кемпинги, готовить и ежедневно путешествовать с семьей, надеясь жить более настоящей жизнью.
Как создать многоуровневое / иерархическое меню в WordPress
В WordPress вы можете создать многоуровневое / иерархическое меню с помощью системы меню WordPress (администратор WordPress -> Внешний вид -> Меню), а также с помощью Theme Customizer (администратор WordPress -> Внешний вид -> Настроить).
В этой документации мы рассмотрим шаги по созданию многоуровневого / иерархического меню.
Мы начнем с рассмотрения системы меню WordPress .
Система меню WordPress
Вы можете получить доступ к системе меню WordPress, войдя в свою панель управления WordPress и перейдите к Внешний вид -> Меню .
Настройка параметров экрана
В правом верхнем углу экрана находится вкладка параметров экрана.
- Щелкните по нему, чтобы раскрыть список всех доступных типов и свойств.
- Установите все доступные флажки, кроме флажка Описание.
- Customizr и Customizr Pro не поддерживает описание меню. Поэтому не устанавливайте флажок Описание.
Тема
Создать меню
- Щелкните ссылку создать новое меню .
- Введите новое имя меню. В этой документации мы назовем его Sample Menu .
- Нажмите кнопку Создать меню .
Назначить расположение меню
Далее нам нужно назначить меню этому месту.
- Назначьте Образец меню главному меню (расположение тем), установив флажок.
- Нажмите кнопку Сохранить меню .
Доступные типы пунктов меню
В Customizr и Customizr Pro Theme доступно 6 типов пунктов меню.
- Страницы — это страницы, которые вы создали.
- Сообщений — Это сообщения в блоге, которые вы создали.
- Пользовательские ссылки — Вы можете использовать это для создания пункта меню, который ссылается на любой URL-адрес.
- Категории — Это ваши доступные категории.
- Теги — Это ваши доступные теги.
- Формат — это ваши доступные форматы сообщений.
Создание элемента меню (элемент родительского меню)
- В этом примере мы назначим страницу с именем Sample Page в меню как элемент родительского меню.
- Установите флажок Sample Page и нажмите кнопку Add to Menu .
- Вы увидите, что он автоматически добавляется на правую панель как пункт меню.
- Примечание: Это необязательно. Обычно вам не нужно использовать эти шаги.
- Вы можете редактировать свойства пункта меню Sample Page , щелкнув маленькую стрелку справа.
- Он развернется и покажет вам несколько вводимых текста.
- Вы можете ввести атрибут заголовка, он будет виден только на передней панели, когда вы наведете указатель мыши на элемент меню и останетесь там.
- Флажок «Открыть ссылку в новом окне / вкладке». Вы можете установить этот флажок, если хотите, чтобы страница открывалась в новой вкладке или в новом окне.
- Вы можете ввести классы CSS, чтобы включить особый стиль этого элемента меню с помощью пользовательского CSS.
- Связь ссылок (XFN) предназначена для добавления атрибута rel к ссылке меню.Вы можете обратиться к этой документации (Определение отношений с XFN) для получения дополнительной информации об использовании XFN.
Нажмите кнопку Save Menu , чтобы сохранить все ваши изменения.
Повторите шаги с 1 по 3, чтобы назначить страницы, сообщения и т. Д. В меню как элемент родительского меню.
- Важные примечания:
- Делайте меню как можно короче.
- Из личного опыта — Иногда пункты меню теряются, когда вы пытаетесь сохранить очень большое меню.Это происходит из-за того, что ваши опубликованные данные слишком велики для вашего сервера.
- Краткое и организованное меню легко доступно на мобильном телефоне. В мобильном телефоне доступ к длинному меню затруднен, так как оно требует прокрутки и неудобно для пользователя.
- Обычно мы назначаем только страницы меню, потому что они недоступны, если мы не помечаем их в меню.
- Мы не назначаем сообщения в меню, потому что они доступны через вашу домашнюю страницу или страницу сообщений.
- Делайте меню как можно короче.
К настоящему времени у вас должно быть несколько пунктов родительского меню.
Создать элементы подменю
Теперь мы можем приступить к созданию пунктов подменю. Глядя на предыдущий снимок экрана, вы можете увидеть, что есть страница с именем Уровень 1. Мы добавим к ней несколько пунктов подменю.
- Выберите страницы, которые вы хотите использовать как элемент подменю, и добавьте их в область меню.
- В этом примере мы добавим страницы уровня 2a, 2b и уровня 3a, 3b.
- Установите их флажок и нажмите кнопку Добавить в меню .
- Вы увидите, что они добавлены в структуру меню справа.
- Система меню WordPress поддерживает перетаскивание. Таким образом, вы можете щелкнуть и удерживать элемент меню, перетащить его в новое положение, прежде чем отпустить кнопку мыши, чтобы оставить его на месте.
- Вы можете начать перетаскивать страницы подуровня на их место.
- Перетащите уровень 2a и поместите его под уровнем 1 немного правее, это будет указывать на то, что это элемент подменю уровня 1.
- Перетащите уровень 2b непосредственно под уровень 2a, это будет указывать на то, что это элемент подменю уровня 1, но на том же уровне, что и уровень 2a.
- Теперь мы можем создать третий уровень, перетащив Level 3a и поместив его под Level 2b и немного правее, это будет указывать на то, что это элемент подменю уровня 2b.
- Перетащите уровень 3b непосредственно под уровень 3a, это будет указывать на то, что это элемент подменю уровня 2b, но на том же уровне, что и уровень 3a.
- Посмотрите на следующий снимок экрана, чтобы лучше понять.
- Щелкните Save Menu , чтобы сохранить настройки.
- Вот и все, чтобы использовать Систему меню WordPress для настройки вашего меню.
Настройка тем
Далее мы перейдем к рассмотрению того, как использовать настройщик тем WordPress для настройки структуры меню.
Войдите в свою панель управления WordPress и перейдите в админку WordPress -> Внешний вид -> Настройка -> Меню .
Создать меню
- Нажмите кнопку + Добавить меню .
- Введите имя меню, в этом примере мы будем вызывать наше меню, Пример меню 2
Нажмите кнопку Create Menu , и вы увидите следующий снимок экрана.
Установите флажок в поле Main Menu , чтобы назначить пример меню 2 главному меню, затем нажмите кнопку + Add Items . Раздел для выбора пункта меню выдвинется.
Добавить пункты меню
Щелкните на странице , появится раскрывающийся список , позволяющий выбрать страницы, которые вы хотите добавить в структуру меню.