Настройка контента для различных экранов

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

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

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

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

Настройки для веб, планшетов и мобильных устройств хранятся отдельно и не влияют друг на друга; другими словами, вы можете создать уникальный дизайн для каждой версии.

При переключении на версию для планшета или мобильного устройства строки и колонки получают дополнительные настройки: "Порядок" и "Направление".

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

Направление

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

Порядок

Порядок определяет последовательность вложенных колонок или строк. Установив значение в свойстве порядок, вы можете контролировать порядок, в котором вложенные строки/колонки появляются на экране.

Скрыть

Скрыть — это еще одна полезная настройка колонки для мобильных экранов (хотя она доступна и для веб-версий), которая прячет колонку вместе с контентом внутри. Это позволяет скрывать/показывать разные элементы на любом экране.