Пропустить

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

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

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

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

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

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

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

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

layout parameter.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цвет акцента темы

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

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

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

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

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

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

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

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

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

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

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

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

Заголовок буквенное пространство

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

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

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

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

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

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

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

Цвет тела

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

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

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

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

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

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

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

фон

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

do divi.png

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

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

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

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

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

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

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