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

Несколько вариантов применения

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

Так выглядит сайт с использованием стандартного меню шаблона:

стандартное меню

А так может выглядеть меню, сделанное с помощью конструктора:

свое меню

Или так:

свое меню 2

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

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

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

свое меню 3

Выбор макетов меню

Модуль меню имеет четыре разных опции макета. Первые три опции – выбор символа выпадающего меню (плюс, стрелка или никакого символа).

Горизонтальное меню – макет.

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

прозрачное выпадающее меню

Вертикальное меню.

Вертикальный макет поддерживает выпадающие подменю, которые появляются справа или слева от основного меню. Пример выпадающего меню при наведении мыши на элемент главного меню:

вертикальное меню

Развернутое меню

Развернутый макет работает так же, как виджет WordPress «Произвольное меню». Элементы меню первого и второго уровня показываются по порядку. Например:

вертикальное меню развернутое

Как изменить стиль меню?

Используйте вкладу «Стиль» в модуле Меню чтобы создать уникальный дизайн меню благодаря следующим возможностям:

  • Выравнивание основных элементов меню слева, справа или по центру.
  • Показ тени для элементов подменю.
  • Цвет текста ссылки, цвет текста ссылки при наведении курсора.
  • Размер шрифта, формат (верхний и нижний регистр, каждое слово с заглавной буквы) и оформление (тонкий, нормальный, жирный).
  • Горизонтальный и вертикальный отступ между ссылками.
  • Фоновый цвет меню и его прозрачность.
  • Фоновый цвет подменю и его прозрачность.
  • Фон элементов меню при наведении курсора.
  • Показ или запрет показа разделителей элементов меню, выбор их цвета и прозрачности.
Обратите внимание: если Вы используете шаблон Конструктор IPIPE для WordPress, основной шрифт, который будет использоваться для всего контента на странице, задается в разделе «Настроить» > «Общие» > «Текст». Они не могут быть изменены на вкладке «Стиль» для элемента страницы. По умолчанию, цвет ссылок меню обозначается цветом, который выбран в опциях Внешний вид > Настроить > общие > Цветовой акцент и вы можете изменить этот цвет.

Меню сайта для мобильных устройств.

Опция «Стиль на мобильных» на вкладке «Общие» имеет следующие настройки:

  • Развернуть. Меню не будет свернуто и будут показаны все элементы меню.
  • Иконка-гамбургер. Меню сворачивается на маленьких экранах и заменяется кнопкой «гамбургера». Это кнопка с тремя горизонтальными линиями, привычная пользователям мобильных устройств.
  • Иконка-гамбургер + Метка. Меню сворачивается на маленьких экранах и заменяется кнопкой «гамбургера» вместе с надписью «Меню»
  • Кнопка «Меню». На мобильных устройствах будет показана кнопка «Меню» при нажатии на которую будут развернуты пункты меню.