Налаштування сайту
| Параметр | Меню Майстерні |
| Загальні налаштування теми | Divi > Опції теми |
| Дизайн (макети, кольори, шрифти та ін.) | Divi > Модуль Налаштування Теми |
| Меню | Вигляд > Меню |
| Футер | Вигляд > Віджети > Зона Футера #1-#4 |
Створення контенту
Довідка
- WordPress Block Editor https://wordpress.org/documentation/article/wordpress-block-editor/
“Сторінки” та “Записи”
- Сторінки мають бути без бічної панелі. Для цього треба відкрити в редакторі праву панель “Налаштування” > Сторінка > Налаштування Сторінки Divi > Макет сторінки > Немає бічної панелі. Максимальна ширина сторінки = 1080 px.
- Записи за замовчуванням із бічною панеллю. Максимальна ширина запису = 795 px.
Сітка (Grid)
Налаштування сітки
Компонування = Авто
Мінімальну ширину колонки зручно рахувати в rem (1 rem = 16 px).
Для сторінки співвідношення “мін. ширина колонки -> кількість колонок” таке:
- 30 rem -> 2 кол.
- 20 rem -> 3 кол.
- 15 rem -> 4 кол.
Для запису співвідношення “мін. ширина колонки -> кількість колонок” таке:
- 20 rem -> 2 кол.
- 13 rem -> 3 кол.
Блоки
Роздільники
Щоб вставити пустий рядок, треба використати вертикальний “Роздільник” (Spacer) і в налаштуваннях блоку поставити висоту 24 px.
Щоб відокремити секції на сторінці, можна використати горизонтальний “Роздільник” (Separator) і в налаштуваннях блоку поставити стиль “широка лінія”.
Зображення
Щоб до зображення додати ефект розгортання по кліку, треба на панелі інструментів блоку поставити Посилання > Expand on click.
Галерея
Налаштування блоку “Галерея”.
Кількість колонок: якщо всі зображення пейзажної орієнтації, то колонок можна поставити 3, а якщо портретної – то 5.
Якщо зображення різної орієнтації та розміру, то треба вимкнути параметр “Crop images to fit”.
Відео
Щоб вставити одне відео, можна використати блок “YouTube”.
Плейлист
Щоб вставити плейлист (список відео), можна використати також блок “YouTube”.
“Власний HTML”
Цей блок підходить для вставки вбудованого контенту за допомогою тега <iframe>, наприклад, публічний пост із Facebook та ін. Треба правильно вказувати ширину (width). Наприклад, для запису це 795:
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3Dpfbid02yqUhvNDmB5VKTxqMvzcTQZgtDci2H14AjyeAw7nodLXmjAfi9mtUZbU56Q6Fb6iNl%26id%3D61561334075075&show_text=true&width=795" width="795" height="767" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>