Урок 12; Настроем меню сайта

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


Что такое меню? Это навигационный блок, в котором обозначены разделы вашего сайта.

Меню может быть верхним, выпадающим, или боковым (в виде виджета). В этом уроке мы рассмотрим настройку верхнего и выпадающего меню.

Чтобы настроить меню на своем сайте, перейдем в панель администратора WordPress и выберем вкладку Внешний Вид, Меню:

Попадаем вот в такой раздел:

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

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

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

Верхнее меню в WordPress

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

Для этого укажите какое-нибудь название в поле «Название меню» (например, «Новое меню», как в примере) и нажмите кнопку «Создать меню».

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

Отметьте галочками те страницы, которые должны отображаться в вашем новом меню и добавьте кнопку «Добавить в меню». А как создавать новые нужные вам страницы, мы с вами уже знаем из предыдущих уроков.

В новое меню добавились нужные вам страницы. Теперь вы можете поменять их порядок на свое усмотрение простым перетаскиванием мышкой (в примере мы перемещаем пункт меню «Контакты» на позицию после пункта меню «Услуги»):

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

Изменение названий пунктов меню

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

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

Выпадающее меню в WordPress

Теперь создадим выпадающее меню (такое, в котором один пункт будет разворачиваться списком подпунктов).

Для этого, выберем основной пункт меню, например, «Об авторе», и переместим мышкой под него другой пункт меню, например «Контакты», как на картинке ниже. А затем с помощью мышки просто сместим  пункт «Контакты» чуть вправо. Он станет «дочерним элементом» по отношению к вышестоящему пункту меню, то есть — вложенным пунктом.

На сайте про клинику, например, в пункте «О клинике» может быть сразу два (и больше) выпадающих пункта, например «Услуги» и «Контакты».

Удаление пунктов меню

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

Назначение нового меню главным на сайте

Теперь, когда новое меню создано и оформлено так, как вам хотелось бы, нам необходимо сделать ваше новое меню главным.

Чтобы новое меню вступило в силу, перейдите в поле «Управление областями».

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

В поле “Назначенное меню” выбираем созданное нами «Новое меню».  И нажимаем “Сохранить изменения”, чтобы они вступили в силу!

Готово! Ваш сайт получил новую акутальную навигацию.

Если у Вас остались вопросы, мы будем рады ответить на них в нашей группе Вконтакте!

Материалы показанные в данном уроке взяты из свободных источников сети интернет.
Все права на данный контент как мультимедийный так и текстовый принадлежат компании: ООО»СПРИНТХОСТ.РУ».

Добавить комментарий