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

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

Настройка сетки содержимого

По умолчанию всё содержимое страницы находится в одном блоке.

Чтобы добавить другие блоки, нажмите на кнопку вниз (это добавит блок внизу) или на плюс (это добавит блок справа).

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

Чтобы скрыть блок, нажмите на значок минуса.

Если необходимо включить видимость блока, нажмите на значок плюса

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

Просмотр результата

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

В браузерах Mozilla сочетание Ctrl+Shift+M позволяет оценить внешний вид страницы на мобильном устройстве (режим адаптивного дизайна). Учтите, что после перехода в этот режим нужно обновить страницу (Ctrl+F5), только тогда CMS покажет мобильную версию сайта. Выйти из этого режима можно, нажав Ctrl+Shift+M.

В браузере Chrome для входа в режим адаптивного дизайна нужно нажать последовательно Ctrl+Shift+I, затем Ctrl+Shift+M. Учтите, что после перехода в этот режим нужно обновить страницу (Ctrl+F5), только тогда CMS покажет мобильную версию сайта.