Додавання кастомного блоку
Редактор Weblium дозволяє створювати сайт за допомогою заздалегідь розроблених блоків, які містять в собі набір елементів. Якщо вам не підходить жоден із готових варіантів у нашій галереї, ви можете створити блок з нуля за допомогою кастомного блоку.
Подивіться коротке відео про те, як працювати з кастомним блоком:
Наведіть на порожній простір на сторінці в редакторі і натисніть на кнопку «Додати блок»:
Перейдіть до вкладки Порожні блоки у галереї блоків та виберіть Custom block:
Після того, як ви додали кастомний блок на сайт, вам потрібно наповнити його елементами. Елементи — основні складові кожного блоку. У нас є такі елементи як галерея, роздільники, список та багато іншого.
Наведіть курсор миші на кастомний блок, натисніть на «плюс» і виберіть потрібні елементи у pop-up вікні:
Підказка: перегляньте статтю Керування елементами, щоб дізнатися про всі можливі налаштування елементів.
Якщо ви плануєте додати у блок кілька елементів — наприклад, зображення, текст і кнопки, — тоді вам буде зручніше розмістити їх в окремих колонках. Так ви зможете налаштувати положення кожного елемента або змінити розмір контейнера, в якому він знаходиться.
Наведіть мишкою на край вже наявної колонки і натисніть на «плюс»:
Ви також можете регулювати ширину колонок за допомогою роздільників, які знаходяться поруч з ними. Для цього наведіть мишкою на порожній простір між колонками, натисніть на роздільник і потягніть його в потрібну сторону:
Крім цього, ви можете видалити або продублювати всю колонку, натиснувши на три крапки у правому верхньому куті:
Щоб відкрити налаштування колонки, наведіть на неї і натисніть на «шестерню» у правому верхньому куті:
У вкладці Вигляд ви зможете змінити відстань між колонками в блоці, вирівняти елементи в колонці, налаштувати відступи між межами колонки і межами елемента в ній, а також змінити її стиль, застосувавши до неї закруглені кути:
Важливо: параметри відступів та стилю можна редагувати тільки тоді, коли у колонки є фон.
Щоб відкрити налаштування колонки, наведіть на неї і натисніть на «шестерню» у правому верхньому куті:
Перейдіть у вкладку Фон і виберіть колір або зображення для фону колонки:
Після додавання зображення вам відкриються нові опції для редагування — наприклад, накладення фільтру або корекція кольору:
Підказка: перегляньте статтю про Зміну дизайну блока для продовження роботи над створенням сайту.
Подивіться коротке відео про те, як працювати з кастомним блоком:
Додавання кастомного блоку на сайт
Наведіть на порожній простір на сторінці в редакторі і натисніть на кнопку «Додати блок»:
Перейдіть до вкладки Порожні блоки у галереї блоків та виберіть Custom block:
Додавання елементів до кастомного блоку
Після того, як ви додали кастомний блок на сайт, вам потрібно наповнити його елементами. Елементи — основні складові кожного блоку. У нас є такі елементи як галерея, роздільники, список та багато іншого.
Наведіть курсор миші на кастомний блок, натисніть на «плюс» і виберіть потрібні елементи у pop-up вікні:
Підказка: перегляньте статтю Керування елементами, щоб дізнатися про всі можливі налаштування елементів.
Додавання колонок до кастомного блоку
Якщо ви плануєте додати у блок кілька елементів — наприклад, зображення, текст і кнопки, — тоді вам буде зручніше розмістити їх в окремих колонках. Так ви зможете налаштувати положення кожного елемента або змінити розмір контейнера, в якому він знаходиться.
Наведіть мишкою на край вже наявної колонки і натисніть на «плюс»:
Ви також можете регулювати ширину колонок за допомогою роздільників, які знаходяться поруч з ними. Для цього наведіть мишкою на порожній простір між колонками, натисніть на роздільник і потягніть його в потрібну сторону:
Крім цього, ви можете видалити або продублювати всю колонку, натиснувши на три крапки у правому верхньому куті:
Зміна вигляду колонки
Щоб відкрити налаштування колонки, наведіть на неї і натисніть на «шестерню» у правому верхньому куті:
У вкладці Вигляд ви зможете змінити відстань між колонками в блоці, вирівняти елементи в колонці, налаштувати відступи між межами колонки і межами елемента в ній, а також змінити її стиль, застосувавши до неї закруглені кути:
Важливо: параметри відступів та стилю можна редагувати тільки тоді, коли у колонки є фон.
Зміна фону колонки
Щоб відкрити налаштування колонки, наведіть на неї і натисніть на «шестерню» у правому верхньому куті:
Перейдіть у вкладку Фон і виберіть колір або зображення для фону колонки:
Після додавання зображення вам відкриються нові опції для редагування — наприклад, накладення фільтру або корекція кольору:
Підказка: перегляньте статтю про Зміну дизайну блока для продовження роботи над створенням сайту.
Оновлено: 05/12/2023
Дякуємо!