Настройки шапки сайта (хедера) Divi и навигации

Легко настраивайте внешний вид, а также структуру хедера.

Настройка хедера и навигации по вашей теме

Чтобы начать настройку шапки и навигации вашего веб-сайта, вы должны войти в настройщик тем, щелкнув ссылку Divi> Настройщик темы на панели инструментов WordPress. Это запустит настройщик. Затем найдите панель «Заголовок и навигация». Щелкните панель, чтобы открыть соответствующие настройки и начать настройку.

Формат хедера

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

Панель основного меню

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

Сделать по всей ширине

Расширяет меню на всю ширину окна браузера.

Скрыть изображение логотипа

При желании здесь вы можете полностью скрыть изображение логотипа из своего меню.

Высота меню

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

Максимальная высота логотипа

Здесь вы можете увеличить или уменьшить максимальный процент ширины вашего логотипа, чтобы сделать его больше или меньше.

Размер текста, интервал между буквами, шрифт, стиль шрифта, цвет текста, цвет активной ссылки

Эти параметры позволяют настраивать ссылки меню.

Фоновый цвет

Это позволяет вам изменить цвет фона вашего основного меню.

Параметры раскрывающегося меню

Раскрывающееся меню не обязательно должно наследовать стиль главного меню. Здесь вы можете создать уникальный дизайн для выпадающего меню. Вы даже можете добавить собственную анимацию при отображении раскрывающегося меню.

Вторичная строка меню

Вторичная строка меню — это меньшая из двух полос навигации, которые появляются над основной панелью навигации. Это меню не появится, если вы не назначили второстепенное меню в настройках меню в консоли. После включения появится синяя полоса меню меньшего размера. Эта панель позволяет вам настроить эту строку меню и текст внутри нее, регулируя цвет фона, цвет текста и стили текста.

Меню фиксированной высоты

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

Элементы хедера

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