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

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

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

Ось приклад того, як можна використовувати елементи колекції:



Аби додати колекцію на свій сайт, виберіть її з нашої галереї блоків — ви можете знайти її в таких блоках, як wireframe-series-19-features, wireframe-series-6-services, wireframe-series-11-careers тощо. Дотримуйтесь інструкцій нижче, аби дізнатися, як можна додавати та редагувати елементи колекції.

Також ви можете переглянути наш короткий відеоурок про елементи колекції:



Додавання нового елемента до колекції

Більшість блоків у галереї мають 3-5 елементів у колекції за замовчуванням. Якщо ви хочете розширити колекцію в блоці, ви можете додати до неї новий елемент.

Для цього наведіть курсор на наявний елемент у колекції та натисніть Елемент у правому нижньому куті:



Примітка: новий елемент буде додано з однаковим вмістом поруч із наявним.

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



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



Важливо: ви можете переміщувати елементи колекції лише в межах блоку, в якому вони розташовані.

Зміна вигляду елементів колекції

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

Спочатку наведіть курсор на елемент колекції та натисніть на «шестерню» у правому верхньому куті, щоб отримати доступ до його налаштувань:



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



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

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



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

Важливо: на відміну від колонок, ви не можете встановити довільну ширину для елементів у колекції. Ширина елементів регулюється автоматично, коли ви змінюєте кількість елементів у рядку.

Зміна фону елементів

У колекції ви можете редагувати фон кожного елемента окремо або налаштувати для них єдиний дизайн за допомогою пресетів.

Спочатку наведіть курсором на елемент колекції та натисніть на «шестерню» у верхньому правому куті, аби перейти до його налаштувань:



Перейдіть на вкладку Фон, щоб вибрати колір або зображення для фону спеціально для вибраного елемента:



Опісля встановлення зображення для фону колонки, ви побачите більше варіантів налаштувань — наприклад, застосування фільтра або накладення кольору:



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



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

Зміна режимів елементів

Режими — це додаткові налаштування для відображення елементів колекції. Ви можете перетворити колекцію на слайдер або блок із вкладками.

Для цього перейдіть у вкладку Режими в Налаштуваннях елементів колекції:



Якщо ви оберете режим Слайдер, ви зможете встановити тип та колір елементів керування, а також багато іншого:



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

Якщо ви вибрали Вкладки для елементів колекції, вам стане у нагоді стаття Додавання блоків із вкладками для отримання більш детальної інформації про те, як ви можете ними керувати.

Не забудьте опублікувати свій сайт, аби застосувати зміни.
Чи була ця стаття корисною?
Скасувати
Дякуємо!