Настройки элементов списка

Некоторые блоки на 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