Настройки элементов списка
Некоторые блоки на 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
Спасибо!