Использование элемента распорки в Weebly для макета колонны

Weebly заменил элемент «Столбцы» на элемент «Разделитель», чтобы обеспечить большую гибкость во время онлайн-редактирования. Это имеет как преимущества, так и недостатки, особенно с точки зрения пользователя, концепция размещения элементов была полностью изменена с новым элементом распорки. Здесь мы обсуждаем особенности разделительного элемента и советы по эффективному выравниванию элементов для создания компактного содержимого.

Перетаскивайте элементы параллельно

Weebly изменил всю концепцию перетаскивания в своем редакторе WYSIWYG с введением элемента-спейсера. В отличие от того, где раньше элементы можно было выравнивать только один под другим, теперь вы можете размещать любые элементы рядом с другим элементом в области содержимого. Это обеспечивает большую гибкость для пользователей, чтобы поиграть с элементами, чтобы легко создать многоколоночный макет.

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

Как это использовать?

Предположим, вы хотите сделать макет из трех столбцов с разделителем между всеми тремя столбцами. В этом случае вы можете просто перетащить 3 текстовых или графических элемента рядом друг с другом, и трехколоночный макет будет автоматически сформирован. Затем добавьте разделитель между столбцами и отрегулируйте ширину, чтобы между тремя столбцами оставалось достаточно места.

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

За и против

Плюсы

  • Элементы могут быть добавлены рядом с следующим.
  • Легко сделать столбики.
  • Легко добавить необходимое пространство между элементами.

Минусы

  • Трудно обеспечить одинаковую высоту и ширину разделителя на одной странице.
  • Также сложно создать согласованный макет из двух или трех столбцов на сайте, состоящем из сотен страниц.
  • Настроить элементы для заполнения столбца и отрегулировать высоту и ширину с помощью распорки – громоздкая задача.

Посмотрите эту демонстрацию, чтобы понять возможности использования элемента Weebly spacer для создания многоколоночного макета.

8

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *