Вернуться к справочному центру

Адаптив

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

Раздел I. Начало работы

Создание сайта
Как создать сайт из шаблонов секций

Как создать галерею работ свадебного фотографа

Как собрать карту сайта

Раздел II. Работа c Landy 

Интерфейс конструктора
Секции и блоки
Глобальные секции
Глобальные блоки
Контейнеры
Адаптив
Работа с медиа-библиотекой

Структура сайта

Настройка поиска в простых секциях

Настройка поиска в гибких секциях

Как получить API ключ для Яндекс карт

Раздел III. Работа с формами
Работа с формой
Просмотр заявок
Уведомления о заявках с сайта в телеграм

Раздел IV. Настройки сайта

Общие настройки
Подключение домена
Покупка домена
Аналитика и SEO
Стили
Свой код
Персональные данные

Уведомления

Плагины

Оплата на сайте

Редиректы страниц

Раздел V. SEO

Оптимизация заголовков
Настройка тега canonical

Раздел VI. Сервисы

Создание новостей

Заказы

Настройка фильтров

Импорт записей из CSV в коллекцию

1. Расположение

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

Адаптивность — это способность сайта «подстраиваться» под различные размеры экрана пользовательского устройства.

Важно: адаптив не любит фиксированные величины, поэтому указывайте относительные.

2. Пример настройки адаптивности контента

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

Настраивайте разную ширину контейнера, цвета, размеры, начертание текста, меняйте направление блоков!

Не забывайте про то, что экраны бывают больше 1920px. Указывайте максимальное и минимальное значение во вкладке "Размеры".

Более подробный пример:

Старайтесь избегать основных надписей на картинках. Фотографии масштабируются по-разному, поэтому текст будет плохо видно, проще выбрать компонент "заголовок" и подстроить под размер экрана.

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