Перейти к основному контенту

Как создать меню в шапке сайта в REG.Site

Как создать шапку в REG.Site 1

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

Процесс создания меню состоит из 3-х этапов:

  1. Добавить пункты меню в основные настройки WordPress.
  2. Добавить модуль меню на сайт.
  3. Настроить внешний вид меню.

Этап 1. Создание меню в основных настройках WordPress

  1. 1.
  2. 2.
    Перейдите в Внешний видМеню.
  3. 3.

    Нажмите Создать новое меню:

    Как создать шапку в REG.Site 2

  4. 4.
    В блоке «Название меню» введите любое название.
  5. 5.
    В блоке «Область отображения» выберите Основное меню:
  6. 6.

    Нажмите Создать Меню:

    Как создать шапку в REG.Site 3

  7. 7.
    Теперь добавьте пункты, которые должны отображаться в меню. Для этого в блоке «Добавить элементы меню» откройте раскрывашки «Страницы», «Записи» или «Рубрики» и отметьте галочкой те страницы, которые должны отображаться в меню.
  8. 8.

    Нажмите Добавить в меню:

    Как создать шапку в REG.Site 4

  9. 9.

    Добавленные пункты отобразятся в блоке «Структура меню». Нажмите Сохранить меню:

    Как создать шапку в REG.Site 5

Готово, теперь нужно разместить созданное меню на сайте.

Этап 2. Добавление меню в REG.Site

  1. 1.
    Перейдите в режим редактирования хедера. Для этого перейдите в меню WordPressDiviГлобальные блоки.
  2. 2.

    В блоке «Общий хэдер» нажмите на иконку карандаша:

    Как создать шапку в REG.Site 6

  3. 3.
    Нажмите на серый плюс.
  4. 4.

    Выберите модуль Меню:

    Как создать шапку в REG.Site 7

Готово, теперь можно переходить к детальной настройке внешнего вида меню.

Видеосправка

Этап 3. Настройка внешнего вида меню

После добавления модуля перед вами появятся 3 вкладки: «Контент», «Дизайн», «Дополнительно». Настройте меню с помощью этих вкладок.

Контент

В блоке «Контент» нужно добавить меню, которое вы создали на этапе 1. Для этого в пункте «Меню» выберите из списка созданное вами меню.

Как создать шапку в REG.Site 8

Чтобы компания была узнаваемой, разместите рядом с меню логотип. Для этого в параметре «Логотип» нажмите на плюс и вставьте картинку:

Как создать шапку в REG.Site 9

Чаще всего логотип ― это не просто картинка, а ссылка на главную страницу сайта. Чтобы настроить такую функцию, перейдите в блок «Ссылка» и добавьте URL главной страницы сайта. Ниже выберите параметр открытия вкладки:

Как создать шапку в REG.Site 10

В блоке «Элементы» можно настроить иконки «Корзины» и «Поиска». Для этого переведите переключатели в положение ДА.

Обратите внимание! Иконка корзины будет рабочей, если вы настроите интернет-магазин с помощью плагина Woocommerce.

Как создать шапку в REG.Site 11

В блоке «Фон» настройте цвет шапки. Можно сделать как однотонный фон, так и градиент. Также можно вставить фоновую картинку или видео:

Как создать шапку в REG.Site 12

Дизайн

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

Как создать шапку в REG.Site 13

В блоке «Текст меню» настройте шрифт, цвет и размер текста, настройте интервалы между буквами. С помощью параметра «Расположение текста» вы можете разместить меню справа:

Как создать шапку в REG.Site 14

Блок «Ссылки выпадающего меню» предназначен для настройки внешнего вида выпадающего меню. Как сделать такое меню, мы рассказали в статье Как создать выпадающее меню в REG.Site.

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

Как создать шапку в REG.Site 15

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

Обратите внимание! Размер логотипа можно только уменьшать. Если ваш логотип изначально большой, вы сможете сделать его размер подходящим для сайта, но если лого маленькое, сделать его крупнее в рамках REG.Site вы не сможете.

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

Как создать шапку в REG.Site 16

С помощью блока «Граница» можно добавить разные виды границ: пунктирные, двойные, точечные и др.:

Как создать шапку в REG.Site 17

В блоке «Тень контейнера» можно настроить тень меню:

Как создать шапку в REG.Site 18

Если в качестве фона вы добавили картинку или видео, в блоке «Фильтр» можно корректировать изображение.

Меню необязательно должно статично встречать пользователя на сайте. В блоке «Анимация» можно настроить появление меню. Например, меню может появляться через затемнение:

Как создать шапку в REG.Site 19

Дополнительно

Эта вкладка пригодится для опытных создателей сайта. Здесь можно настроить CSS (блоки «ID и классы CSS», «Пользовательские CSS»), прописать ALT для логотипа (блок «Атрибуты»), а также в блоке «Видимость» полностью отключить модуль на определённых устройствах, например на смартфонах.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0