Налаштування елементів списку
Деякі блоки Weblium містять елементи списку — набір елементів у рядку, які повністю взаємопов’язані між собою. При цьому, якщо ви видалите кнопку в одному елементі, її буде видалено і з інших. Це спрощує процес редагування, оскільки вам не потрібно змінювати кожний елемент — загальна форма та дизайн залишаються однаковими.
Елементи списку вирівнюються горизонтально та можуть використовуватися для впорядкування вмісту вашої сторінки. Наприклад, якщо на вашому сайті є велика кількість подібної інформації, — опис підписок, послуг, список відкритих вакансій — ви можете швидко та легко організувати її за допомогою елементів списку. Таким чином, для користувачів інформація стане зручнішою, а ви в свою чергу зможете дотримуватися єдиного дизайну вебсайту.
Ось чудовий приклад того, як можна використати елементи списку:
Аби додати список на своєму сайті, виберіть його з нашої галереї блоків — ви можете знайти його в таких блоках, як wireframe-series-3-pricing, wireframe-series-1-partners, wireframe-series-17-projects тощо. Дотримуйтесь наведених нижче вказівок, щоб побачити, як можна налаштовувати елементи списку.
Додавання нового рядка до списку
За замовчуванням більшість блоків зі списками містять 3-4 рядки. Якщо у вас є значна кількість інформації, яку ви хочете розмістити у списку, ми рекомендуємо додати більше рядків. Таким чином, інформація на сайті буде більш структурованою.
- Для цього наведіть курсор на наявний елемент у колекції та натисніть Елемент списку у нижньому правому куті:
- Ви можете продублювати або видалити елементи, натиснувши на три крапки у верхньому правому куті:
- Змінюйте порядок елементів у списку, затиснувши іконку стрілок у верхньому правому куті рядка:
Зміна вигляду рядків у списку
Після того, як ви додали блок зі списком, ви можете редагувати оформлення його рядків — видаляти або додавати відступи між ними, видаляти межі тощо.
- Для цього наведіть курсор на пункт списку та натисніть на «шестерню» у правому верхньому куті, щоб отримати доступ до його налаштувань:
- У вкладці Вигляд ви можете змінити відстань між елементами або змінити вирівнювання вмісту. Крім того, ви можете встановити відступи елементів і змінити їх стиль, який визначає, чи будуть межі застосовуватися до списку:
Зверніть увагу, що наразі немає можливості змінити ширину списку.
Зміна фону рядків списку
- Для цього наведіть курсором на пункт списку та натисніть на «шестерню» у правому верхньому куті, аби перейти до налаштувань:
- Відкрийте вкладку Пресети та виберіть відповідний пресет — основний алгоритм їхнього забарвлення — та змініть кольори на ті, яким віддаєте перевагу:
Ось приклад того, як може виглядати ваш список із заданою Градацією кольорів:
Додавання елементів до списку
Кожен рядок у списку складається з контейнерів, куди можна додати всі елементи, доступні в галереї — зображення, кнопки, текст тощо. Контейнери у списку не можуть існувати без елемента в ньому, тому за замовчуванням вони не відображаються в редакторі. Кількість елементів, які можна додати в контейнер, необмежена.
Пам'ятайте, що всі рядки в списку взаємопов'язані: якщо ви додасте елемент до одного рядка колекції, він автоматично з'явиться у кожному іншому рядку.
- Щоб додати до пункту списку необхідний елемент, наведіть курсором на порожній розділ і натисніть на «плюс», а потім виберіть елемент у новому вікні:
- Після того, як ви додали елемент до пункту списку, ви можете доповнити його іншими елементами, натиснувши знак «плюс» біля певного розділу:
- Ви також можете налаштувати ширину контейнерів за допомогою роздільників, які розміщені поруч з ними. Для цього наведіть курсором на порожній простір між полями, клацніть на роздільник і перетягніть його в потрібному напрямку:
Ви також можете переміщувати або дублювати елементи у пунктах списку. Про те, як це зробити, йдеться у цій статті Керування елементами.
Оновлено: 05/12/2023
Дякуємо!