Статті на: Редактор
Ця стаття також доступна на:

Додавання кастомного блоку

Редактор Weblium дозволяє створювати сайт за допомогою заздалегідь розроблених блоків, які містять в собі набір елементів. Якщо вам не підходить жоден із готових варіантів у нашій галереї, ви можете створити блок з нуля за допомогою кастомного блоку.


Подивіться коротке відео про те, як працювати з кастомним блоком:



Додавання кастомного блоку на сайт


  1. Наведіть на порожній простір на сторінці в редакторі і натисніть на кнопку «Додати блок»:



  1. Перейдіть до вкладки Порожні блоки у галереї блоків та виберіть Custom block:



Додавання елементів до кастомного блоку


Після того, як ви додали кастомний блок на сайт, вам потрібно наповнити його елементами. Елементи — основні складові кожного блоку. У нас є такі елементи як галерея, роздільники, список та багато іншого.


  1. Наведіть курсор миші на кастомний блок, натисніть на «плюс» і виберіть потрібні елементи у pop-up вікні:



Підказка: перегляньте статтю Керування елементами, щоб дізнатися про всі можливі налаштування елементів.


Додавання колонок до кастомного блоку


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


  1. Наведіть мишкою на край вже наявної колонки і натисніть на «плюс»:



  1. Ви також можете регулювати ширину колонок за допомогою роздільників, які знаходяться поруч з ними. Для цього наведіть мишкою на порожній простір між колонками, натисніть на роздільник і потягніть його в потрібну сторону:



  1. Крім цього, ви можете видалити або продублювати всю колонку, натиснувши на три крапки у правому верхньому куті:



Зміна вигляду колонки


  1. Щоб відкрити налаштування колонки, наведіть на неї і натисніть на «шестерню» у правому верхньому куті:



  1. У вкладці Вигляд ви зможете змінити відстань між колонками в блоці, вирівняти елементи в колонці, налаштувати відступи між межами колонки і межами елемента в ній, а також змінити її стиль, застосувавши до неї закруглені кути:



Важливо: параметри відступів та стилю можна редагувати тільки тоді, коли у колонки є фон.

Зміна фону колонки


  1. Щоб відкрити налаштування колонки, наведіть на неї і натисніть на «шестерню» у правому верхньому куті:



  1. Перейдіть у вкладку Фон і виберіть колір або зображення для фону колонки:



  1. Після додавання зображення вам відкриються нові опції для редагування — наприклад, накладення фільтру або корекція кольору:



Підказка: перегляньте статтю про Зміну дизайну блока для продовження роботи над створенням сайту.



Оновлено: 26/04/2024

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!