Розширені налаштування дизайну та налаштування користувача CSS, Divi по українські
Більше контролю над дизайном для тих, кому це потрібно
Щоразу, коли ви редагуєте модуль, рядок або розділ, ви побачите три вкладки у спливаючому вікні налаштувань: «Загальні налаштування», «Установки додаткового дизайну» та «SCS користувача». Все, що потрібно для створення приголомшливих макетів Divi та використовувати всі переваги кожного модуля, можна знайти на вкладці «Загальні налаштування». Тим не менш, якщо ви хочете ще більше контролювати зовнішній вигляд модуля, можна додати параметри з цих вкладок. Якщо ви є розробником і хочете використовувати власні CSS, тоді ви можете перейти на вкладку «CSS користувача». При спільному використанні цих вкладок не буде таких елементів, які не можна налаштувати .
Налаштування додаткового дизайну (Advanced Design Settings)
Склад вкладки Advanced Design Settings варіюється від модуля до модуля. Для кожного з модулів були додані практично всі можливі параметри їх дизайну. Усі основні та більш-менш часто використовувані параметри дизайну розташовані на вкладці «Загальні налаштування». На вкладку «Налаштування додаткового дизайну» винесено параметри для більш тонкого налаштування («тюнінгу») кожного модуля. Якщо ви не можете зробити щось зі своїм дизайном на вкладці «Загальні налаштування», можна перейти на вкладку «Налаштування додаткового дизайну». Через велику кількість налаштувань, доступних для деяких модулів, ми розділили їх на власні вкладки, щоб загальні налаштування не перевантажені.
Щоб знайти та використовувати параметри Advanced Design Settings, просто відкрийте меню існуючого або щойно створеного модуля, рядка або розділу. Потім перейдіть на вкладку «Параметридодаткового дизайну», щоб відобразити розширені елементи керування дизайном.
З цієї вкладки можна зробити практично всі перетворення модуля. Установки залежать від типу модуля, який ви редагуєте. Зазвичай ви можете знайти варіанти налаштування типографіки (такі як розмір тексту, відстань між літерами, висота рядка і т. д.), налаштування інтервалів (наприклад, відступи користувача та розміри полів), параметри кольору (такі як колір тексту, колір оверлея, фоновий колір стовпців), а також безліч унікальних налаштувань для різних елементів. Використовуючи різні варіанти налаштувань, ви можете створити дійсно унікальні проекти, які неможливо виконати лише за допомогою загальних налаштувань.
Налаштування користувача CSS (Custom CSS)
На вкладці «Налаштування додаткового дизайну» є так багато параметрів, що ви можете робити практично все, що можна зробити і за допомогою таблиць стилів CSS, і, при цьому, не написати жодного рядка коду. Однак, якщо ви є розробником, то ви можете написати свій власний код замість використання вбудованих елементів управління дизайном. У цьому випадку ви можете використовувати вкладку «CSS користувача», яка знаходиться поруч із вкладкою Advanced Design Settings у вікні налаштувань.
На цій вкладці ми розбили всі структурні елементи модуля та розмістили текстові поля, де ви можете ввести свій власний CSS. За допомогою цієї панелі можна застосувати CSS до окремих частин модуля. Наприклад, ви можете застосувати власний CSS безпосередньо до іконки модуля Blurb або створити свій власний псевдоелемент «:after» прямо з вікна Divi Builder. Використання цих параметрів у деяких випадках усуває необхідність створення дочірніх тем(Child Themes) та дозволяє легко налаштовувати CSS для окремих модулів на окремих сторінках.