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