Мы добавили новый режим работы с сайтами. Теперь вы можете сразу увидеть, как будет выглядеть ваш сайт в мобильном телефоне или планшете.
Раньше надо было опубликовать сайт на телефоне, чтобы проверить не сдвинулись ли шрифты и изображения. Редактирование мобильной версии сайта отнимало много времени.
Сейчас адаптировать сайт под мобильные устройства стало легче. Теперь контролировать качество вашего сайта можно на одном экране редактора. Вы сразу увидите все изменения как в веб-версии, так и в мобильной.
Как работает мобильная адаптация
Перейдите в раздел Сайты и магазины и откройте ваш сайт в режиме редактора:
Вверху страницы вы увидите иконки с обозначением веб-версии, планшетной и мобильной версии сайта. Выберите подходящий вам вариант:
На экране справа вы можете вывести мобильную версию — все изменения с веб-версии будут отображаться в мобильном варианте. Просто добавьте блоки на страницу, и вы увидите как они адаптируются под мобильную версию вашего сайта:
Вы сразу можете посмотреть и мобильную горизонтальную раскладку сайта, для этого нажмите на кнопку с перевёрнутым прямоугольником:
Мы подобрали самые популярные модели телефонов и планшетов для просмотра сайта на различных разрешениях экранов. Выбрать их вы можете в верхнем правом углу экрана:
Уроки, обучение, полезные истории, кейсы и эксклюзивные эфиры — все в Telegram-канале для пользователей «Битрикс24 печатает»
Как редактировать в мобильном представлении
Если для вас важно, чтобы сайт подходил в первую очередь для телефона, то вы можете внести изменения в мобильном представлении. Просто переключите режим вверху экрана:
Внесите изменения, например, измените цвет фона и замените изображение:
