Корректировка мобильной версии сайта
Тильда автоматически подстраивает сайт для просмотра на планшетах, смартфонах, нетбуках, ноутбуках и компьютерах.
Дополнительно можно изменить размеры отступов между блоками для мобильных, настроить диапазон видимости блока на разных устройствах, сделать свою адаптивную версию с помощью редактора Zero Block либо отключить адаптивность сайта.
Как сделать разные версии блока для компьютера и мобильных
Как поменять величину отступов для мобильных
Как сделать свою версию для мобильных с помощью редактора Zero Block
Как отключить подстройку сайта для разных экранов
Диапазон видимости на устройствах
Функция, которая определяет, на каких устройствах будет виден данный блок, а на каких нет. Есть в настройках каждого блока.
Зачем нужно и как это работает
Если определенный блок (например, обложка) хорошо выглядит на компьютере, но на экране мобильного отражается плохо, вы можете установить диапазон видимости данного блока 980 px и выше. Это будет десктопная версия блока, она перестанет отображаться на мобильных телефонах.
Затем нужно скопировать этот блок и настроить его внешний вид специально для мобильных (поменять фотографию, размер шрифта и т. д). Этому блоку задайте диапазон видимости от 0 до 980px. Это будет мобильная версия блока.
Таким образом, на компьютере пользователь будет видеть десктопную версию, а на мобильных устройствах — мобильную.
Диапазон (разные значения параметров) нужен, чтобы при необходимости вы могли настроить внешний вид блока для какого-то конкретного устройства, выбрав разрешение. Например, если блок плохо отображается именно на планшете или на определенной модели телефона.
Нет необходимости менять диапазон для всех блоков. Настройку можно сделать только для тех блоков, где неудачно обрезается фотография, или если выбранный блок не подходит для мобильной версии.
Создание адаптивного сайта
который будет корректно и точно отображаться на любых устройствах!
Создать адаптивный сайт самому можно на конструкторе сайтов «Tilda Publishing»
Тильда автоматически подстроит сайт для просмотра на планшетах, смартфонах, нетбуках, ноутбуках и компьютерах.
Разработка адаптивных сайтов
Tilda Publishing предлагает не просто получить сайт таким, каким вы его хотите видеть, но стать обладателем ресурса с подвижным веб-дизайном. Пользователям будет удобно просматривать его с любых экранов вне зависимости от формата и разрешения. И ни один клиент не пройдёт мимо нужной ссылки!
Как сделать отображение разных блоков для мобильной и десктопной версии?
Это можно реализовать с помощью настройки диапазона видимости.
Создайте разные блоки: одни для мобильной версии, другие — для десктопной.
На блоках для мобильных перейдите в «Настройки» и в разделе «Диапазон видимости на устройствах» установить значение от 0 до 980px. На блоках для десктопов — установите значение от 980px до Max.
Подробнее о диапазоне видимости в Справочном центре.
Похожие вопросы
- Как добавить ссылку на конкретное место на странице (якорь)?
- Как добавить кнопку?
- Как добавить свой HTML, CSS или Javascript-код?
- Как сделать всплывающее окно?
- Как добавить видео?
Создание мобильных сайтов
Сайт для мобильных устройств без верстки и программирования
Воспользуйтесь конструктором для создания сайтов с адаптированной мобильной версией Tilda Publishing, и вы в считанные минуты получите готовую страницу. Вам даже не придется разбираться в особенностях HTML-верстки или дизайна под мобильные устройства.
Почему стоит отдать предпочтение сервису для создания сайтов с мобильной версией Tilda Publishing?
Ваш сайт одинаково хорошо смотрится на любых устройствах
Разработка сайта на других CMS не снимает с вас необходимости создания адаптивной верстки, чтобы пользователи с мобильных устройств тоже смогли оценить ваши предложения. Если вы пользуетесь Tilda, то не беспокоитесь об адаптиве. Он уже включен в код сайта.
У вашего сайта продуманный современный дизайн
Вам не нужно быть специалистом по веб-дизайну, чтобы создать отличный сайт на Tilda Publishing. Для воплощения ваших идей мы предлагаем десятки шаблонов сайтов для мобильных устройств и более 500 готовых блоков, с помощью которых вы сможете создать собственный уникальный дизайн.