Елемент Блок в конструкторі сайтів
Блок — це елемент, до якого можна додавати всі інші елементи, об'єднані в одному стилі. Використовуйте його, щоб систематизувати контент за типом призначення. Наприклад, в одному блоці ви можете розмістити меню, а в іншому — інформацію про можливості компанії.
Додайте блок
Щоб додати новий блок, наведіть на верхню або нижню межу блоку та натисніть + (Додати блок) (Add block).
У лівій панелі ви можете вибрати готові блоки з галереї, які розроблені для різних частин сайту та обʼєднані в категорії: шапка сайту, підвал, перший екран тощо. Перемикайтесь між різними категоріями блоків та вибирайте відповідні за дизайном.
Блоки Підвал сайту та Шапка сайту — це наскрізні елементи, які мають однаковий вигляд на всіх сторінках і синхронізують зміни під час редагування в одній зі сторінок.
Щоб додати пустий блок, натисніть Пустий блок в кінці списку категорій.
Налаштуйте блок
Для блоку ви можете відредагувати наступні параметри:
| Колір фону (Background color) | Змінює колір фону блоку на сторінці. Натисніть на піктограму і виберіть колір. |
| Відступ зверху й знизу (Top and bottom margin) | Додає відступ між блоком і іншими елементами на сторінці. Чим більше відступ, тим далі блок від інших елементів. Введіть значення у пікселях. |
| Фонове зображення
(Background image) |
Додає зображення фону замість кольору. Активуйте перемикач і виберіть картинку. |
|
Контур (Contour) |
Додає лінію навколо блоку для підкреслення його меж. Активуйте перемикач, введіть значення у пікселях для визначення товщини лінії, виберіть тип лінії, колір та скруглення. |
| На всю ширину екрана (Full-screen width) | Якщо активуєте, контент буде розтягнуто від одного краю екрана до іншого по ширині. |
| На всю висоту екрана (Full-screen height) | Якщо активуєте, контент буде розтягнуто від одного краю екрана до іншого по висоті. |
| Приховати блок на
(Hide block on) |
Приховує блок з елементами для вибраної версії пристрою – мобільної або десктопної. |
Також за допомогою роздільників ви можете візуально розділити блоки. Активуйте Верхній роздільник (Top divider) або Нижній роздільник (Bottom divider) в налаштуваннях блоку та виберіть, як має виглядати роздільник:
| Зовнішній вигляд | Виберіть форму роздільника. |
| Колір (Color) | Виберіть колір роздільника. |
| Висота (Height) | Виберіть, яку висоту блока всередині блока буде займати роздільник. |
| Повтор (Repeat) | Виберіть, скільки разів повторювати форму роздільника. |
| Відзеркалити (Flip) | Виберіть, як відзеркалити форму роздільника:
|
Закріпіть блок
Ви можете закріпити у шапці сайту перший блок, щоб він залишався зверху навіть під час прокручування сайту. Для цього перейдіть в налаштуваннях блоку та активуйте опцію Закріпити вгорі сайту (Pin to the top of the site).
Якщо ви додавали блок Підвал сайту, можете його закріпити тільки внизу сторінки.
Приховайте блок
Також ви можете приховувати окремі блоки для мобільної та десктопної версії порізно, щоб оптимізувати відображення контенту, пришвидшити завантаження та поліпшити взаємодію на маленьких екранах.
Наведіть на блок та натисніть Налаштування блоку (Block settings).
У полі Приховати блок на (Hide blok on) оберіть іконку для якої версії приховати блок: десктопної чи мобільної.
Оновлено: 18.07.2025
або