Создание и настройка меню в 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. Меню создано. Теперь необходимо добавить нужные Вам страницы,…
Обзор
Проголосуйте за урок
Оценка
Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
Как добавить страницы в WordPress и вывести в меню
Приветствую вас, друзья! Мы уже узнали, что такое рубрики, и как с ними работать. Но, помимо них, есть ещё и возможность создавать страницы на сайте в WordPress и выводить их в меню. И в сегодняшнем уроке мы научимся этому. А заодно увидим , для чего они вообще нужны.
Для чего страницы в WordPress
Страницы на сайте, как правило, отображают постоянную информацию. Не стоит их путать с главной страницей, на которой располагаются все записи в хронологическом порядке. И они никак не связаны с рубриками или статьями.
Для наглядности приведу вам пример страниц моего сайта. Взгляните на скриншот. Карта острова содержит ссылки на все рубрики и статьи блога. Мы научимся её делать позже.
Страница «Об острове» рассказывает о том, чем может быть полезен мой блог людям. На других блогах можно увидеть название «Об авторе». А в Контактах я указала, где можно со мной связаться.
Наверняка вы часто встречали на сайтах страницы в меню. Например, в тех же интернет-магазинах. Это могла быть страница О нас, Оплата, Доставка. А также страница Политика конфиденциальности. Здесь, в WordPress, она изначально была загружена на сайт в качестве шаблона.
Как создать страницу на сайте WordPress
Теперь, когда разобрались в полезности страниц, перейдём к их созданию. Заходим в панель управления сайтом. Слева выбираем раздел Страницы и жмём Добавить новую. Если помните, это также можно сделать из верхней панели, нажав кнопку +Добавить.
После этого открывается окно редактора. Оно выглядит так же, как и редактор записи. Все функции идентичны, поэтому нет смысла их рассматривать снова.
Вводите заголовок, затем текст. А справа также можно присвоить картинку для страницы. Разрешить или запретить комментарии.
И есть возможность создать иерархию страниц, выбрав родительскую. А вот присвоить рубрику странице или метку нельзя. Живут они, как я уже говорила, независимо.
Если вы создадите родительскую страницу, то адрес дочерней будет выглядеть таким образом:
Действия со страницами
Если вы перейдёте в список всех страниц, то в случае наведения курсора увидите под названием кнопки действий. Здесь вы можете редактировать страницу, либо её свойства. А также удалить или перейти на сайт к просмотру.
При удалении она попадает в корзину, откуда вы сможете удалить её второй раз уже навсегда.
Вывод страницы в меню сайта
Мы создали страницу. Но её пока не видно. Поэтому давайте узнаем, как можно добавить страницу в меню сайта. Для этого надо зайти в раздел консоли Внешний вид → Меню.
Теперь смотрим в открывшееся окно, которое поделено на две части:
Слева необходимо галочкой выбрать во вкладке Страницы ту, которую будем выводить. Затем нажать кнопку Добавить в меню. Теперь посмотрим в правую часть окна. Новые элементы всегда добавляются в самый низ.
Поэтому находим то, что нам нужно, внизу. И, если требуется, перетаскиваем, нажав и удержав левую кнопку мыши, в понравившееся место. Далее жмём Сохранить меню и идём на сайт любоваться изменениями.
Кроме того, когда будет большое количество элементов в вашем блоге, для удобства можно воспользоваться кнопками перемещения, нажав стрелочку. И в этом же окошке сменить текст ссылки или удалить страницу (любой элемент).
Как добавить список страниц на сайт — виджет
Но и это ещё не всё. В WordPress существует возможность разместить список страниц на сайте с помощью виджета. Как правило, они будут располагаться в правой/левой колонке сайта, называемой сайдбаром.
Предположим, вы не желаете размещать страницы в верхнем меню блога. Или же хотите отображать их в двух местах по каким-то причинам. Тогда пройдите в раздел Внешний вид → Виджеты.
В открывшемся окне найдите Страницы. Нажмите на стрелку и на появившуюся кнопку Добавить виджет.
Более того, добавленные виджеты можно перемещать между собой, удерживая левую кнопку мыши, чтобы расположить в желаемом порядке.
Такую же процедуру можно проделать и с самого сайта, при этом сразу поглядывая на результат. Для этого сверху нажмите Настроить → Виджеты → Добавить виджет → Страницы → Опубликовать.
На своём блоге я не стала этого делать, так как мне достаточно их лицезреть в верхнем меню.
Кстати, раз мы затронули тему виджетов, то предлагаю ознакомиться в этом уроке с их управлением более подробно.
Как добавить меню в WordPress
С помощью хорошего меню можно направить посетителя на нужные страницы, подсветить определенные разделы, например, товары или контакты. Меню важно даже для лендинга: не все захотят вслепую листать страницу в поисках нужной информации. Отсутствие меню или плохая навигация по сайту могут подтолкнуть пользователя быстрее уйти с вашего ресурса.
Если вы только сели за создание меню WordPress и все выглядит непонятным, вы открыли правильную статью. В ней мы расскажем, как добавить меню в WordPress, и покажем 5 плагинов, которые сделают навигацию на вашем сайте более качественной и красивой.
Из статьи узнаете:
- Как создать меню WordPress
- Как сделать меню в WordPress-конструкторе Elementor
- Плагины для создания меню в WordPress
В WordPress работа с меню может происходить несколькими способами:
- через стандартную функцию движка;
- с помощью кода;
- с использованием плагинов.
В инструкции ниже мы расскажем, как создать меню в вордпресс первым способом. Вид и расположение такого меню определяет выбранный шаблон сайта. В бесплатных WordPress-темах обычно это простое меню в шапке или подвале сайта с выпадающим списком.
Если вы хотите сделать более интересное меню для вордпресса, с большими картинками, хорошими эффектами и подобным, вам понадобятся плагины навигации. О них мы расскажем ниже.
Также имейте в виду, что для большинства плагинов все равно сначала нужно создать стандартное меню для WordPress, поэтому лучше не пропускайте эту часть статьи.
Делайте блог на хостинге с предустановленным WordPress!
Наша теплая поддержка на связи 24/7
Как создать меню WordPress
Чтобы создать меню в WordPress, первым делом зайдите в панель администратора. В меню слева выберите «Внешний вид» и перейдите в раздел «Меню».
Раздел «Добавьте элементы меню» содержит страницы вашего сайта, записи, специальные ссылки и категории. Вы можете добавить любой из этих пунктов в меню всего за несколько кликов.
Но прежде чем начать добавлять элементы, дайте своему меню короткое название, например «навигация в шапке сайта». Посетитель сайта не будет видеть название меню, оно для вашего удобства: у вас может быть несколько разных вариантов меню на странице, например в хедере и футере. Так вам будет легче их различать.
Введите имя будущего меню в строке «Название меню» и нажмите «Создать меню».
Теперь слева вы можете добавлять элементы в свое меню. Это могут быть опубликованные страницы и записи с вашего сайта, произвольные ссылки или созданные вами категории.
Как добавить пункт меню в WordPress: выберите страницу, запись или категорию или укажите произвольную ссылку и нажмите «Добавить в меню».
Справа в области «Структура меню» можно перетаскивать пункты меню, чтобы расставлять их в нужном порядке, редактировать или удалять.
Как сделать подменю в WordPress и отредактировать название пункта:
Чтобы переместить пункт меню выше, ниже или сделать вложенный список, просто перетащите его в нужное место.
Чтобы изменить название элемента меню, нажмите на стрелку рядом с ним.
Дальше выберите, где вы хотите разместить созданное меню. Большинство тем WordPress имеют несколько разных опций, в которых можно добавить меню. В моем случае я использую стандартную тему Twenty Twenty One, поддерживающую два варианта расположения меню: главное меню и дополнительное. Я могу выбрать один из них или оба.
Область расположения вы можете выбрать двумя способами:
- внизу страницы, в разделе «Настройки меню», с помощью чекбокса «Область отображения»;
- перейдя вверху страницы на вкладку «Управление областями».
Если вы не уверены, где находится каждое предлагаемое расположение меню, попробуйте сохранить его в разных местах, параллельно заходя на свой сайт, чтобы увидеть, как оно выглядит «вживую».
В разделе «Настройки меню» также есть пункт «Автоматически добавлять страницы». Если вы поставите флажок в этом чекбоксе, WordPress будет автоматически добавлять в меню новые страницы, не относящиеся к каким-либо разделам или категориям.
Когда вас будет устраивать созданная навигация, нажмите «Сохранить меню».
�� Если в разделе «Внешний вид» вы не можете найти пункт «Меню», это значит, что для вашего сайта используется редактор страниц. Для управления меню перейдите на вкладку «Внешний вид» → «Редактор» и измените блок навигации.
Нажмите в редакторе «+» в месте, где вы хотите добавить меню. Из списка блоков выберите блок «Навигация».
Выделите блок с навигацией и измените его по своим пожеланиям.
Как сделать меню в WordPress-конструкторе Elementor
Если вы используете бесплатную версию Elementor, чтобы создать меню WordPress, вам нужно выполнить действия из предыдущего раздела.
Для того чтобы использовать стандартный виджет навигации Nav Menu, вам нужно установить любую платную версию Elementor Pro.
Хостинг с предустановленным WordPress и заботливой поддержкой 24/7 ��
При заказе хостинга на полгода — зарегистрируем �� домен в подарок!
При покупке на год — скидка 20%
☝️ Гарантируем вернуть деньги в течение 30 дней, если вам что-то не понравилось или не подошло.
Плагины для создания меню в WordPress
Как мы говорили в начале статьи, со стандартными инструментами WordPress и бесплатным шаблоном удастся сделать простое меню с минимумом функций. Если вам интересна кастомизация меню WordPress, но самостоятельно писать код навигации вы не готовы, рекомендуем использовать плагины.
В этом разделе собрали для вас 5 плагинов для настройки меню WordPress. Искали популярные, чтобы для них было достаточно инструкций, с нормальными бесплатными версиями и регулярно обновляемые.
В названии большинства плагинов меню вы увидите «mega menu». В WordPress мега-меню обычно называют большие меню, которые при расширении отображают все подменю сразу. Так посетителям вашего сайта не придется перемещаться по сложному меню с кучей вложений, чтобы найти страницу или продукт, который они ищут.
Наглядный пример: при наведении на «Каталог товаров» в меню отображается наполнение категорий «Поводки», «Игрушки», «Корм» и «Другое».
Кстати, это меню я сделала с помощью плагина Mega Menu Builder ��
✔️ Mega Menu Builder
Это мой личный фаворит: связка Elementor + ElementsKit Elementor addons, в котором находится Mega Menu Builder. Такой вариант показался мне наиболее удобным: с ним красивое и функциональное WordPress-меню можно сделать за 10-15 минут даже новичку.
Плагин можно использовать бесплатно, платная версия ElementsKit с большим количеством шаблонов меню стоит $39 в год для одного сайта. В плагине есть не только навигация по сайту, он предоставляет более 70 разнообразных расширений: ленты соцсетей, виджеты галереи, контактные формы, отзывы и другие удобные функции.
Очень советую посмотреть короткий видеоурок на английском по этой связке. В нем доступно и наглядно показано, как сделать меню на WordPress бесплатно с помощью Mega Menu Builder. Если не знаете английский, в описании видео есть текстовая пошаговая инструкция — используя Google Translate тоже удастся разобраться.
✔️ Max Mega Menu
Max Mega Menu — популярный плагин для создания WordPress-меню сайта, у него более 400 000 активных установок. Благодаря популярности расширения вы найдете много инструкций и видеоуроков с ним в сети.
Max Mega Menu автоматически интегрируется в существующее меню. Дальше вы можете добавить в него любой виджет WordPress, изменить стиль с помощью редактора тем и изменить поведение меню с помощью встроенных настроек.
Есть бесплатная версия плагина, есть платная $29 за один сайт в год. В платной версии есть «липкое» меню, меню-аккордеон, можно добавлять собственные шрифты, иконки, интеграцию с WooCommerce, а также у вас будет доступ к службе поддержки.
✔️ WordPress Mega Menu — QuadMenu
Плагин QuadMenu имеет щедрую бесплатную версию: доступны вертикальное и горизонтальное меню, «липкое» меню, различные шаблоны для них, поддержка Google Fonts, иконки, строки для поиска на сайте.
Платная версия стоит $49 для одного сайта. С ней вы получаете доступ к службе поддержки на год, а также:
- возможность добавлять вкладки в меню;
- меню с прокруткой-«каруселью»;
- опцию логина и регистрации пользователя на сайте через элемент в меню;
- меню с ссылками на социальные сети.
Также даже бесплатная версия QuadMenu поддерживает адаптивность, то есть новое меню будет хорошо смотреться на любом размере экрана.
✔️ Responsive Menu
В адаптивной навигации Responsive Menu есть более 150 настроек, которые можно комбинировать, чтобы создать желаемое меню. Плагин подходит для многоязычных сайтов. Он хорошо сочетается с WPML и Polylang и позволяет изменять меню в зависимости от языка сайта, который выбирают пользователи.
Платная Pro-версия стоит $49 в год для одного сайта. С ней вы получаете интеграцию меню из WooCommerce, отображение значков социальных сетей, поддержку шрифтов Google, более широкий выбор анимации кнопок и предпросмотр изменений.
✔️ If Menu — Visibility control for Menus
Этот плагин нужен не для каждого сайта, но, возможно, вы ищете именно такие функции. С If Menu можно гибко настраивать, как отображается меню для разных групп пользователей. Вы можете показать больше элементов меню для клиентов, изменять меню для пользователей из разных стран, скрывать меню для посетителей с мобильных телефонов.
Платная версия стоит $20 в год для одного сайта. С ней можно обращаться в службу поддержки, устанавливать правила отображения меню на основе геолокации посетителя, а также есть интеграция с другими плагинами.
Что о нас пишут клиенты:
Очень много плюсов. Стабильный хостинг, грамотная поддержка, быстрое и компетентное реагирование. А еще лояльное отношение к клиенту!
Надеемся, что нам удалось раскрыть тему, как сделать меню в вордпрессе. Главный совет — не бойтесь экспериментировать с плагинами. Выбирайте тот, который удовлетворит большую ваших потребностей и пожеланий. Присмотритесь к тем вариантам, которые мы описали выше. Все они имеют бесплатные версии, так что не придется тратиться зря.
Если в процессе захотите поделиться своими лайфхаками или советами, пишите в комментариях ��
Вам могут пригодиться другие статьи о WordPress ��
- Как выбрать лучший хостинг для WordPress
- Как ускорить сайт на WordPress
- Лучшие плагины для WordPress
- Лучшие бесплатные шаблоны для WordPress — ТОП 75
- Как добавить Favicon на WordPress
Hanna Chala
Редакторка блога HOSTiQ, в прошлом начальница смены службы поддержки HOSTiQ.ua. 4 года делает работу клиентов с хостингом немного проще. Может установить SSL-сертификат или направить домен на хостинг с закрытыми глазами.
Меню на WordPress: как создать и добавить на сайт
06 февраля 2023 Меню сайта — важнейшая его часть, которая непосредственно влияет на юзабилити, простоту навигации и конверсию сайта. В свою очередь, WordPress (WP) — самая популярная бесплатная CMS в мире, на которой работают миллионы сайтов. Поэтому часто начинающие вебмастера, использующие данную систему управления контентом, задают вопрос: как создать меню в WordPress?
В нашей статье мы дадим подробную инструкцию по созданию меню для сайта на ВордПресс, а также покажем, как в дальнейшем отредактировать это меню и добавить в него выпадающие элементы.
Изображение от Freepik.
Создание меню для сайта на WordPress
Чтобы сделать меню для сайта на WP, необходимо выполнить следующие шаги:
- Входим в панель администратора (админку).
- Переходим на сайт и нажимаем кнопку «Настроить».
- В настройках темы находим раздел «Меню».
- Переходим в этот раздел и нажимаем «Создать новое».
- Придумываем понятное название и выбираем область отображения: мы создаем основное меню, которое будет показываться в шапке сайта, поэтому выбираем соответствующую область.
- Нажимаем «Добавить элементы» и выбираем пункты, которые хотим отобразить. Вы можете добавить произвольную ссылку, страницы, записи, рубрики, метки и форматы. Мы выбрали три рубрики (одежда для детей, женщин и мужчин) и страницу «О компании».
- Нажимаем «Опубликовать», переходим на сайт и убеждаемся, что все готово.
Отлично, теперь вы знаете, как быстро и просто выводить меню в WordPress. Далее разберемся, как его отредактировать и добавить выпадающие элементы.
Как отредактировать меню
Сделать это очень просто — переходим в меню через настройки (как мы показывали ранее). Выбираем созданное ранее меню и нажимаем «Добавить элементы». Здесь можно удалить старые пункты (просто нажмите на красный крестик), добавить новые, а также изменить порядок отображения элементов с помощью мыши.
Области отображения меню
Доступные области отображения зависят от выбранной темы. Мы используем «Twenty Twenty-One» — эта тема может показывать меню в двух местах.
Нажимаем «Посмотреть все места» и выбираем в качестве дополнительного меню то, которое мы создали ранее.
Оно будет отображаться в конце страницы перед футером. Если вы хотите создать дополнительное меню с другими элементами, то создайте новое меню и задайте его в качестве дополнительного.
Как сделать выпадающее меню
Переходим в настройки и добавляем новые пункты — страницы «Производство», «Доставка и оплата» и «Условия возврата». Мы хотим, чтобы они были выпадающими элементами из раздела «О компании». Для этого берем каждый пункт и перетаскиваем его чуть правее с помощью мыши.
Опубликуем изменения и переходим на сайт. Теперь при наведении на страницу «О компании» отображается выпадающее меню.
Заключение
Отлично, теперь вы знаете, как добавлять и настраивать меню на сайте на ВордПресс. В «Евробайт» вы можете установить эту CMS автоматически в несколько кликов прямо из панели управления хостингом, а при необходимости наши специалисты поддержки бесплатно перенесут ваши сайты от других хостинг-провайдеров.
Похожие статьи
Google Search Console: руководство по работе 27 февраля 2023
Просто запустить сайт для продвижения в интернете недостаточно. Чтобы он стал приносить плоды в виде трафика и заказов, его необходимо раскручивать.
Яндекс.Вебмастер — что это и как с ним работать 20 февраля 2023
Поисковые системы являются главными площадками для продвижения сайтов в интернете. Яндексом и Google пользуются все, поскольку это самый удобный способ быстро найти нужную информацию.
Ошибка 404 (Page Not Found) 13 февраля 2023
Каждый пользователь интернета хотя бы раз сталкивался с сообщением «Ошибка 404 (Страница не найдена)». Оно появляется, когда мы пытаемся открыть некорректную ссылку и попасть на страницу, которой не существует на данном сервере.