Настройки макета и типографики Divi

Вы можете настроить практически все, что касается макета и типографики.

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

Настройки макета

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

Включить фиксированный макет

Здесь вы можете превратить свой сайт в блочный макет, который обрамляет содержимое, и предоставляет фон, который можно настроить.

Ширина контента сайта

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

Расстояние между столбцами сайта

Ширина соответствует количеству горизонтального пространства (поля) между столбцами в каждой строке.

Необязательные значения ширины варьируются от 1 до 4.

1 представляет собой нулевое поле между столбцами.
2 представляет собой 3% правое поле между столбцами.
3 представляет собой правое поле 5,5% между столбцами.
4 представляет собой 8% правое поле между столбцами.

Используйте пользовательские панели ширины

Устанавливает ширину боковой панели по умолчанию для вашей темы. Это относится ко всем страницам темы, которые имеют боковую панель и созданы без использования Divi Builder.

Высота раздела и строки

Эти параметры регулируют величину вертикального интервала (верхнее и нижнее отступы) для каждого раздела и строки.

Основной цвет темы

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

Типографика

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

Размер текста

Изменяет основной текст для вашей темы. Размер по умолчанию 14 пикселей.

Высота строки body

Высота каждой отдельной строки текста.

Размер текста header

Divi позволяет вам установить здесь размер текста заголовка по умолчанию. Это влияет на элементы Divi, такие как заголовки модуля.

Расстояние между буквами header

Расстояние между буквами регулирует расстояние между буквами по горизонтали. Значение расстояния между буквами заголовка влияет на все уровни заголовка (h1, h2, h3, h4, h5, h6), цитаты и заголовки слайдов.

Высота строки header

Как и в случае значения межбуквенного интервала, значение высоты строки заголовка влияет на все уровни заголовка (h1, h2, h3, h4, h5, h6), цитаты и заголовки слайдов. Из-за большего размера шрифта по умолчанию используется 1em.

Стиль шрифта header

Используйте эти параметры, чтобы изменить стиль шрифта ваших заголовков.

Шрифт заголовков и основной шрифт

Шрифт по умолчанию в Divi — Open Sans, но в настройщике темы Divi есть почти сотня шрифтов на выбор! Воспользуйтесь преимуществами этих встроенных шрифтов и проверьте, какие из них лучше всего подходят для вашей темы.

Цвет ссылки body

Цвет основной ссылки наследуется цветом акцента вашей темы. Но вы всегда можете изменить это здесь.

Цвет текста body

Здесь вы можете изменить цвет вашего основного текста.

Цвет текста header

Здесь вы можете изменить цвет ваших заголовков.

Фон

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