Налаштування елементів списку

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

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

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

Аби додати список на своєму сайті, виберіть його з нашої галереї блоків — ви можете знайти його в таких блоках, як wireframe-series-3-pricing, wireframe-series-1-partners, wireframe-series-17-projects тощо. Дотримуйтесь наведених нижче вказівок, щоб побачити, як можна налаштовувати елементи списку.

Додавання нового рядка до списку

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

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

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

3. Змінюйте порядок елементів у списку, затиснувши іконку стрілок у верхньому правому куті рядка:

Зміна вигляду рядків у списку

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

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

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

Зверніть увагу, що наразі немає можливості змінити ширину списку.

Зміна фону рядків списку

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

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

Ось приклад того, як може виглядати ваш список із заданою Градацією кольорів:

Додавання елементів до списку

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

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

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

2. Після того, як ви додали елемент до пункту списку, ви можете доповнити його іншими елементами, натиснувши знак «плюс» біля певного розділу:

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

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

Оновлено: 05/12/2023