Некоторые блоки на Weblium могут содержать в себе списки — собранные в строчке элементы, которые полностью взаимосвязаны. Соответственно, если вы удалите кнопку в одном элементе списка, то она удалится и во всех остальных. Это значительно упрощает процесс редактирования, ведь вам не нужно по отдельности подгонять каждый элемент под другие — общая форма и дизайн остаются идентичными.

Элементы списка выстраиваются на странице горизонтально и помогают вам структурировать её содержимое. Так, если у вас есть большой объем похожей информации — например, описание подписок, услуг, список открытых вакансий — вы можете быстро и легко организовать их с помощью элементов списка. Приведённая информация станет более доступной для пользователей, а вы в свою очередь сможете без труда сохранить единый дизайн сайта.

Вот отличный пример того, как могут быть использованы списки:



Чтобы добавить список на сайт, выберите блок, который его содержит, в нашей галерее. Вы можете найти список в таких блоках как wireframe-series-3-pricing, wireframe-series-1-partners, wireframe-series-17-projects и так далее. Следуйте приведенным ниже инструкциям, чтобы узнать, как можно настраивать элементы в списке.

Добавление новой строки в список

По умолчанию большинство блоков со списками имеют 3-4 строки. Если у вас на сайте достаточно информации, которую вы хотите поместить в список, мы рекомендуем вам добавить новые строки, чтобы лучше распределить содержимое.

Для этого наведите курсор мыши на уже существующую строку в списке и нажмите Элемент списка в правом нижнем углу:



Вы можете дублировать или удалить строки, нажав на три точки в правом верхнем углу:



Меняйте порядок элементов в списке, зажав иконку стрелок в углу строки:



Важно: вы можете перемещать элементы списка только в пределах того блока, к которому они добавлены.

Изменение вида строк в списке

После того, как вы добавили блок со списком, вы можете отредактировать вид его строк — удалить или добавить отступы между ними, убрать границы и так далее.

Чтобы открыть настройки списка, наведите на строку в нём и нажмите на «бегунок» в правом верхнем углу:



Во вкладке Вид вы сможете изменить расстояние между строчками или настроить выравнивание содержимого в них. Кроме того, вы можете установить отступы и изменить стиль списка — будут ли границы применяться к списку:



Имейте в виду, что ширину списка в блоке на данный момент изменить нельзя.

Важно: изменения во вкладке Вид, которые вы применяете к одной строке в списке, будут автоматически применяться ко всему списку, поэтому если вы измените выравнивание содержимого или отступы в настройках, они также будут изменены в других строках.

Изменение фона строк в списке

Чтобы открыть настройки элементов списка, наведите на строку в ней и нажмите на «бегунок» в правом верхнем углу:



Перейдите во вкладку Пресеты и выберите подходящий набор настроек для строк — основной алгоритм их раскраски — и измените цвета на предпочтительные:



Вот пример того, как будет выглядеть ваш список, если включить пресет градации цвета:



Важно: в списке отсутствует возможность изменить цвет каждой строки индивидуально.

Добавление элементов в строки

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

Не забывайте о том, что все строки в списке взаимосвязаны: при добавлении элементов в одну строку списка, они будут добавляться и в остальные строки.

Чтобы добавить новый контейнер с элементом в строку списка, наведите на отступ между уже существующими элементами и нажмите на появившийся «плюс»:



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

Так, контейнеры в строку добавляются только горизонтально, но вы можете добавить элементы в контейнер как сверху, так и снизу уже существующего в нём элемента:



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



Важно: разделители, позволяющие изменить ширину контейнеров, появляются в списке только при условии, что в строке добавлено 4 или меньше элементов. Если в строке добавлено больше 4 элементов, все контейнеры принимают одинаковую ширину.

Вы можете также перемещать или дублировать элементы, добавленные в строку или контейнер. Для этого обратитесь к статье Управление элементами.
Была ли эта статья полезна?
отменить
Спасибо!