Использование макетов с двумя и тремя столбцами

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

Добавление макета на страницу:

  1. Перейдите к странице, которую хотите изменить, и убедитесь, что переключатель Переключатель "Редактировать" переведен в положение Редактировать.
  2. Добавьте макет на страницу.
  3. Чтобы поместить другое содержимое в макет раздела, перетащите содержимое в макет.

    Макет выделяется сплошной рамкой, и на нем появляется баннер с надписью "Добавить элемент".
    Описание GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png ниже
    Описание иллюстрации GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png

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

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


    Описание GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png ниже
    Описание иллюстрации GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png

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

  4. Для редактирования компонента и его внешнего вида нажмите на значок меню приложения Значок меню компонента и выберите Настройки.
  5. На вкладке "Общие" можно изменить параметры отдельных компонентов макета.
    Выберите имя компонента, чтобы посмотреть его параметры.
  6. На вкладке "Фон" можно изменить параметры фона макета.
  7. Выберите Пользовательские настройки, чтобы задать дополнительные параметры по умолчанию для отображаемого содержимого.
    • Ширина первого столбца (%). Укажите ширину столбца в процентах от пространства, доступного в макете.

    • Ширина второго столбца (%). Укажите ширину столбца в процентах от пространства, доступного в макете.

    • Ширина третьего столбца (%). Укажите ширину столбца в процентах от пространства, доступного в макете.

    • Точка останова при ответе (в пикс.). Этот параметр предназначен для адаптивных страниц, которые автоматически регулируют форматирование содержимого на экранах разного размера. Укажите ширину в пикселах, чтобы макет раздела переключался между стандартным макетом с двумя столбцами и значениями параметров Поведение при ответе.

    • Поведение при ответе. Укажите, как должен меняться макет, когда размер экрана меньше значения Точка останова при ответе.

      • Никаких действий. Поведение макета не меняется.

      • Набор столбцов. Столбцы располагаются в порядке сверху вниз в едином столбце, при этом все элементы из первого столбца располагаются над элементами второго столбца и т. д.

      • Скрыть первый столбец. Содержимое в первом столбце будет скрыто, чтобы освободить дополнительное пространство для остальных столбцов.

      • Скрыть второй столбец. Содержимое во втором столбце будет скрыто, чтобы освободить дополнительное пространство для остальных столбцов.

      • Скрыть третий столбец. Содержимое в третьем столбце будет скрыто, чтобы освободить дополнительное пространство для остальных столбцов.

      • Скрыть оба столбца. Будет скрыто все содержимое в макете.

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

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