Тильда Адаптивность Настраиваем вид страницы на разных устройствах на стандартных блоках Тильды.

Аватар автора
Создание сайтов на Tilda и Zero Block
Урок Адаптивность. Настраиваем вид страницы на разных устройствах. Корректировка мобильной версии сайта на СТАНДАРТНЫХ блоках Тильды. --- КОНСПЕКТ УРОКА Как посмотреть отображение блока на мобильных? Чтобы увидеть как сайт будет выглядеть на мобильных: сверху, жмем Предпросмотр и внизу выбираем устройство. --- Настраиваем отображение блока на разных устройствах Наводим курсор на блокНастройкивнизу “ДИАПАЗОН ВИДИМОСТИ НА УСТРОЙСТВАХ” Затем нужно скопировать этот блок и настроить его внешний вид специально для мобильных (поменять фотографию, размер шрифта и т. д). Диапазоны для ориентира: Мобильные устройства: от 0 до 980 px. Компьютеры (десктопные) устройства: от ≤980 px. --- Настройка отступов для мобильных В настройке блока, у параметра “Отступ сверху” нажать на значок компьютера и ниже появится строка “Отступ сверхуснизу” для мобильных. --- Отключение адаптивности страницы Если отключить адаптивность, страница будет показываться на мобильных так же, как и на компьютере. Настройки страницыДополнительноОтключить адаптивность для мобильных устройств. Переопубликовать страницу. --- Обрезать фото можно 1. В ТильдеКонтент блокарядом с фото жмем на значок карандашакнопка Обрезать 3. В программе на компьютере FastStone Image ViewerПравой кнопкойИзменитьОбрезка --- ПОЛЕЗНЫЕ МАТЕРИАЛЫ --- ЗАДАНИЕ Проверьте как ваш сайт отображается на мобильном. Сделайте разное отображение блоков для разных устройств, например, обрежьте или замените фоновое изображение обложки для мобильных...

0/0


0/0

0/0

0/0

0/0