Кластерний блок

Кластерний блок дозволяє групувати інші блоки в один батьківський блок і створювати таким чином цікаві розділи блоків з власним фоном.

Налаштування блоку на панелі інструментів

Кнопки панелі інструментів, доступні на блоці, дозволяють змінити ширину блоку на Розмір вмісту, Широкий розмір або Повнорозмірний розмір. Після того, як зображення вибрано як тло, піктограма на панелі інструментів дозволяє змінити зображення, що відображається в блоці. Для кластера із заданою висотою доступні варіанти вирівнювання вмісту по вертикалі. Ви можете вирівняти вміст за верхньою, центральною або нижньою межею блоку кластера.

Налаштування блоку в бічній панелі

У налаштуваннях бічної панелі блоку ви можете визначити параметри фону, накладання, межі, тіні та висоти, пов'язані з блоком.

Налаштування фону

Block пропонує чотири типи фону:

  • Ні.
  • Зображення
  • Однотонний колір
  • Градієнт

Фон зображення

Параметри фону зображення дозволяють завантажити власне зображення на тлі та визначити інші додаткові опції:

  • встановити розмір фонового зображення
  • встановити опцію повторення для зображення у фоновому режимі
  • визначити, чи буде зображення у фоновому режимі фіксованим, чи прокручуватиметься разом зі сторінкою
  • встановити положення зображення на тлі, визначивши фокусну точку на зображенні
  • задати колір фону або градієнт під зображенням, ці опції корисні, якщо ваше фонове зображення у прозорому форматі png
  • встановити накладання на зображення, причому накладання може бути визначене одним кольором або градієнтом з користувацькою прозорістю для створення цікавого вигляду фону
Адаптивна опція для фону зображення

Дозволяє визначити різні налаштування фонового зображення для розміру робочого столу та адаптивного розміру екрану. Після завантаження зображення як фону з'являється ще одна перемикач. Після її увімкнення з'являться нові вкладки. Перейдіть на вкладку Мобільний розмір і задайте параметри.

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

Адаптивний макет може мати інше зображення у фоновому режимі. Замініть його на зображення меншого розміру та пришвидшіть завантаження. Перейдіть на панель інструментів блоку і замініть існуюче фонове зображення десктопної версії на зображення мобільної версії. Виберіть позицію і колір фону для прозорого формату png. Інші параметри використовуються так само, як і в макеті для десктопної версії.

Як змінити фонове зображення

Фонове зображення можна змінити, натиснувши на наступну іконку:

Одноколірний фон

Опція дозволяє задати один колір для фону блоку.

Градієнтний фон

Опція дозволяє визначити градієнт на фоні блоку.

Налаштування кордонів

Параметри дозволяють вам визначити межу блоку з користувацьким кольором, шириною та радіусом для заокруглених країв блоку.

Налаштування тіней

Визначивши колір у налаштуваннях тіні, ви можете активувати тінь під блоком. Доступні всі необхідні параметри для налаштування тіні відповідно до ваших потреб, є елементи керування горизонтальним і вертикальним зміщенням, розмиттям і радіусом розтікання в пікселях.
Тінь може відображатися як зовнішня або вставна тінь.

Налаштування висоти

За допомогою налаштувань висоти ви можете змусити блок відображатися на певній висоті, якщо вміст всередині блоку не перевищує цю висоту. Ви можете вибрати різні одиниці для мінімальної висоти блоку, доступні пікселі, vh та vw.
Після того, як для блоку визначено користувацький розмір висоти або висоту обкладинки, ви також можете вирівняти вміст всередині блоку по вертикалі за допомогою піктограм, доступних на панелі інструментів блоку.

Для кластерних блоків, які вставляються всередину блоку Колонки, доступна додаткова опція "Покривати висоту колонки", яка дозволить підігнати висоту кластерного блоку до повної висоти колонки, в яку він вставляється. Ця опція має ефект, якщо кластерний блок є єдиним блоком, вставленим безпосередньо в стовпчик. Звичайно, ви можете вставити скільки завгодно інших блоків у кластерний блок.

Налаштування ширини

Налаштування ширини дозволяють вам налаштувати ширину контенту в блоці Cluster, яка за замовчуванням визначена в Загальні налаштування макета в WordPress Customizer.

Ширину можна змінювати окремо для різних розмірів (вміст, ширина і повна ширина), налаштованих на панелі інструментів кластерного блоку.

Налаштування ширини доступні лише з активним плагіном Citadela Pro.

Мобільні налаштування

За допомогою мобільних налаштувань можна визначити, чи буде блок кластера відображатися або приховуватися тільки на мобільному телефоні. Ви можете приховати блок з вмістом, що не відповідає розміру екрану.

Налаштування інтервалів

Параметри дозволяють визначити відступи (інтервали) навколо вмісту в блоці Cluster. Доступні три типи проміжків: None (інтервал за замовчуванням), 0 (нуль, без інтервалу), малий та великий інтервал.