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

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

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

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

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



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

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



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

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



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

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



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



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

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



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

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



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



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

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

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



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



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



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



Примітка: поки що немає можливості встановити окремий колір для кожного рядка у списку.

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



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

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

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



Важливо: максимальна кількість контейнерів підряд — 8, мінімальна — 2.

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



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



Важливо: роздільники, що дозволяють змінювати ширину контейнерів, з’являються лише в тому випадку, якщо в контейнері є 4 або менше елементів. Якщо до рядка додати більше 4 елементів, усі поля матимуть однакову ширину.

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

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

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

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

Скасувати

Дякуємо!