Настройки дизайна Divi и расширенные настройки модуля

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

Каждый раз, когда вы редактируете модуль, строку или раздел, вы увидите три вкладки во всплывающем окне настроек: «Контент», «Дизайн» и «Расширенный». Все, что вам нужно для создания потрясающих макетов Divi можно найти на вкладке Контент. Однако, если вы хотите больше контролировать внешний вид модуля, вы можете перейти на вкладку «Дизайн». Если вы разработчик и хотите использовать собственный CSS вместо элементов управления дизайном на вкладке «Дизайн», то можете перейти на вкладку «Расширенный». Нет ничего, что нельзя было бы настроить.

Настройки дизайна

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

Чтобы найти и использовать настройки дизайна просто начните редактировать существующий модуль, строку или раздел (или создайте новый), чтобы открыть всплывающее окно настроек. Затем щелкните вкладку «Дизайн», чтобы открыть параметры дизайна.

На этой вкладке вы можете делать что угодно. Настройки будут различаться в зависимости от типа редактируемого модуля. Обычно вы найдете параметры для настройки типографики (например, размер текста, межбуквенный интервал, высоту строки и т. д.), настройки интервала (например, пользовательские значения отступов и полей), параметры цвета (например, цвет текста, цвет наложения, цвета фона столбца), а также множество уникальных настроек для определенных элементов. Использование этих вариантов дизайна позволит создать что-то действительно уникальное.

Расширенные настройки

На вкладке «Дизайн» мы создали так много параметров, что вы можете настроить практически все, что можно настроить с помощью CSS (не касаясь строчки кода). Однако если вы разработчик, вы можете предпочесть написать свой собственный код вместо использования наших настраиваемых элементов управления дизайном. В этом случае вы можете использовать вкладку «Расширенный», которая находится рядом с вкладкой «Дизайн» в модальном окне настроек модулей, строк и разделов.

На этой вкладке вы можете добавить собственный идентификатор CSS или класс CSS, чтобы настроить таргетинг и применить собственный CSS из файла style.css вашей дочерней темы.

Если вы хотите избавиться от необходимости и хлопот создавать дочерние темы, вы можете легко настроить таргетинг CSS на отдельные модули на отдельных страницах, используя параметры в раскрывающемся списке «Пользовательский CSS». Здесь мы разбили все структурные элементы модуля и предоставили вам поля текстовой области, в которые вы можете ввести свой собственный CSS. Используя эту панель, вы можете применить CSS к отдельным частям модуля. Например, вы можете применить собственный CSS непосредственно к модулю или создать свой собственный псевдоэлемент :after прямо из Divi Builder.

И, наконец, в раскрывающемся списке видимости вы можете настроить видимость вашего модуля на телефонах, планшетах и ​​настольных компьютерах.