Как использовать адаптивный режим

Написано

в

Как использовать адаптивный режим

Начиная с версии 4.0, при редактировании вы можете переключаться между режимами отображения для компьютеров, планшетов и мобильных телефонов! Мы называем это адаптивным режимом. В адаптивном режиме размер вашего сайта уменьшается, имитируя то, как сайт будет выглядеть на экранах меньшего размера.

Ограниченные возможности редактирования

При просмотре сайта в режиме планшета или мобильного телефона ваши возможности редактирования будут ограничены. Вы сможете делать ТОЛЬКО следующее:

  • Редактировать текст
  • Форматировать стили текста с помощью панели форматирования текста
  • Настраивать некоторые отступы элементов и строк *
  • Скрывать строки на планшетах или мобильных телефонах

* PBS применяет некоторые адаптивные стили к вашим элементам и строкам, поэтому некоторые отступы нельзя будет настроить.

Вот некоторые действия, которые вы не можете выполнять:

  • Добавлять, удалять, перетаскивать элементы
  • Просматривать свойства элементов
  • Изменять размер изображений, иконок, строк и других масштабируемых элементов

Настройка отступов для определенных размеров экрана

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

Вот пример для наглядности.

  1. Если вы просматриваете сайт в режиме планшета и настраиваете отступы заголовка, это изменение будет применяться только к экранам планшетов. Оно также применится к экранам мобильных телефонов. Если вы вернетесь в режим компьютера, восстановится исходный отступ.
  2. Теперь, если вы перейдете в режим мобильного телефона и снова измените тот же отступ, эта настройка применится только к экранам мобильных телефонов. В результате у вас будут разные отступы для компьютеров, планшетов и мобильных телефонов.

Это относится только к настройке отступов: изменения текста или стилей текста применяются ко всем размерам экрана.

Скрытие контента на экранах планшетов или мобильных телефонов

При просмотре в режиме планшета или мобильного телефона у ваших строк появится новая кнопка на панели инструментов в виде «глаза», которая отображается при наведении курсора. Нажатие на нее позволит показать/скрыть строку для текущего размера экрана.

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

Обратите внимание, что эта функция доступна только для строк.