Чтобы приступить к настройке макета и типографики вашего Веб-сайт, вы должны сначала получить доступ к настройщику тем, нажав на ссылку Divi> Настройка тем на панели управления WordPress. Это запустит настройщик. Затем найдите панель «Общие настройки». Щелкните панель, чтобы открыть соответствующие настройки и начать настройку. На панели «Общие настройки» вы увидите три раздела: «Настройки макета», «Типографика» и «Фон».
Настройки макета
Панель макета позволяет настроить различные параметры размеров и интервалов для вашего Веб-сайт. Здесь вы можете увеличить или уменьшить расстояние между столбцами, строками и разделами, а также настроить размер боковой панели. Вы также можете включить режим Boxed Layout с этой панели.
Включить раскладку
Здесь вы можете отредактировать свой сайт в формате коробки, который обрамляет содержимое вашего сайта и предоставляет фон, который можно настроить.
Ширина содержимого веб-сайта
Здесь вы можете установить максимальную ширину раздела вашего контента. Поскольку ваш контент находится в адаптивном макете, он будет адаптироваться к меньшим размерам, но не будет растягиваться больше, чем максимальная ширина, установленная здесь.
По умолчанию 1080 пикселей. Это хорошая ширина для большинства стандартных ноутбуков и настольных компьютеров.
Интервал между столбцами на веб-сайте
Ширина желоба - это размер горизонтального промежутка (поля) между столбцами в каждой строке.
Необязательные значения ширины желоба находятся между 1 и 4.
1 представляет нулевое поле между столбцами.
2 представляет запас 3% между столбцами.
3 представляет запас 5,5% между столбцами.
4 представляет запас 8% между столбцами.
Использовать пользовательскую ширину боковой панели
Это устанавливает ширину боковой панели по умолчанию для вашей темы. Это относится ко всем страницам вашей темы, которые имеют боковую панель и которые не созданы с помощью Divi Builder.
Высота секции и линии
Эти параметры регулируют величину вертикального интервала (верхнее и нижнее отступы) для каждого раздела и строки.
Цвет акцента темы
Прежде чем вы начнете изменять цвета других ваших элементов, вам нужно сначала изменить это. После его изменения сохраните и опубликуйте свои настройки и обновите страницу. Теперь обновленная тема Accent Color должна автоматически заполнять другие элементы.
книгопечатание
На панели «Типографика» вы можете настроить внешний вид текста по умолчанию на всей странице. Веб-сайт. Вы можете настроить размер шрифта и заголовков, которые будут пропорционально отражаться во всех областях сайта. Вы можете настроить их цвета, а также высоту строки, межбуквенный интервал и стили шрифта. Наконец, вы также можете выбрать один из десятков шрифтов, которые можно применить к каждому.
Размер текста тела
Это изменяет основной текст по умолчанию для вашей темы. Размер по умолчанию 14 пикселей.
Высота линии тела
Высота строки каждой строки текста.
Размер текста заголовка
Divi позволяет вам установить здесь размер текста по умолчанию для вашего заголовка. Это влияет на элементы Divi, такие как заголовки модулей заголовков Fullwidth.
Заголовок буквенное пространство
Расстояние между буквами регулирует горизонтальный интервал между буквами. Значение межбуквенного интервала заголовка влияет на все уровни заголовка (h1, h2, h3, h4, h5, h6), цитаты и заголовки слайдов.
Высота строки заголовка
Как и значение межбуквенного интервала, значение высоты строки заголовка влияет на все уровни заголовка (h1, h2, h3, h4, h5, h6), кавычки и заголовки. слайдов.
Стиль полиции
Используйте эти параметры, чтобы изменить стиль шрифта ваших заголовков.
Шрифт текста и заголовка
Шрифт по умолчанию в Divi - Open Sans, но у Divi есть почти сотня шрифтов на выбор! Воспользуйтесь преимуществами этих встроенных шрифтов и проверьте, какие из них лучше всего подходят для вашей темы.
Цвет тела
Цвет основной ссылки наследуется от цвета акцента вашей темы. Но вы всегда можете изменить это здесь.
Цвет текста тела
Здесь вы можете изменить цвет текста вашего тела.
Цвет текста заголовка
Здесь вы можете изменить цвет ваших заголовков.
фон
Панель фона позволяет вам настроить цвет фона вашей темы, а также загрузить собственное фоновое изображение и отрегулировать его положение на странице. Фоновые изображения и цвета хорошо работают в сочетании с настройкой «Штучное форматирование» на панели «Макеты», упомянутой ранее.
Это все, что касается этого урока, я надеюсь, что он позволит вам лучше настроить шрифт и макет страницы. Диви тема.
[vc_row center_row="yes"][vc_column width="1/2"][vcex_button target="blank" layout="expanded" align="center" font_family="Raleway" font_weight="700" style="flat" 18 /69″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=118&url=7&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”2″ style=”flat” custom_background=”#c23065e” custom_hover_background=”#40632d1f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”] СКАЧАТЬ ШАБЛОНЫ DIVI[/vcex_button][/vc_column][/vc_row]
Другие учебные пособия Divi
- сайты 5 для использования ресторана Divi темы
- Как добавить текст в продукт Divi WooCommerce
- Как изменить цвет меню между страницами Divi
- Как персонализировать сетки блога с Divi
- Как использовать роль DiVi редактор на WordPress
- Как создать полноэкранный слайдер Divi
- Как изменить цвет меню между страницами Divi
- Особенности, которые вы, вероятно, не знаете о Divi
- Как использовать Divi Builder в WordPress
- Как использовать модуль прокрутки видео Divi
- Как использовать модуль Flip Builder Flip
- Как добавить отзыв модуль на Divi Builder
- Как использовать текстовый модуль Divi
- Как создать слайдер на Divi
- Как редактировать роль пользователя Divi
- Как использовать модуль Divi Social Media
- Как пользоваться магазинным модулем на тему WordPress Divi
- Как использовать боковую панель Divi
- Как использовать модуль таблицы цен Divi
- Как использовать титульный модуль изданий Divi
- Как добавить видео модуль Divi
- Как использовать навигационный модуль статьи
- Как использовать модуль поиска Divi
- Как использовать модуль кошелька Divi
- Как использовать модуль пользователя в Divi Builder
- Как использовать модуль кошелька с фильтром Divi
- Как использовать ползунок полной ширины
- Как использовать модуль изображения Divi Builder
- Как использовать полноразмерный навигационный модуль Divi Builder
- Как использовать модуль галереи изображений
- Как использовать модуль карты полной ширины Divi Builder
- Как использовать модуль Divi Full Width Portfolio
- Как использовать полноразмерный заголовочный модуль Divi
- Как использовать Divi Counter Module
- Как использовать слайдер статей в Divi Builder
- Как использовать модуль Divi Email Optin