Пропустить

Как настроить типографику и макет на Divi

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

общие параметры divi.png

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

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

layout parameter.png

Включить раскладку

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

Ширина содержимого веб-сайта

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

Интервал между столбцами на веб-сайте

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

Конфигурация divi.png

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

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

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

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

Тема акцентного цвета

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

книгопечатание

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

типография на divi.png

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

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

Высота линии тела

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Размер текста заголовка

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

Буквенное пространство заголовка

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

Высота строки заголовка

Подобно значению межбуквенного интервала, значение высоты строки заголовка влияет на все уровни заголовка (h1, h2, h3, h4, h5, h6), кавычки и заголовки. скользить.

Стиль полиции

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

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

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

Цвет тела

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

Цвет текста тела

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

Цвет текста заголовка

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

фон

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

do divi.png

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

Другие учебные пособия Divi

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
9 акции
доля6
чирикать1
Регистрация2