Тильда Адаптивность Настраиваем вид страницы на разных устройствах на стандартных блоках Тильды.
Урок Адаптивность. Настраиваем вид страницы на разных устройствах.
Корректировка мобильной версии сайта на СТАНДАРТНЫХ блоках Тильды.
---
КОНСПЕКТ УРОКА
Как посмотреть отображение блока на мобильных?
Чтобы увидеть как сайт будет выглядеть на мобильных:
сверху, жмем Предпросмотр и внизу выбираем устройство.
---
Настраиваем отображение блока на разных устройствах
Наводим курсор на блок\Настройки\внизу “ДИАПАЗОН ВИДИМОСТИ НА УСТРОЙСТВАХ”
Затем нужно скопировать этот блок и настроить его внешний вид специально для мобильных (поменять фотографию, размер шрифта и т. д).
Диапазоны для ориентира:
Мобильные устройства: от 0 до 980 px.
Компьютеры (десктопные) устройства: от ≤980 px.
---
Настройка отступов для мобильных
В настройке блока, у параметра “Отступ сверху” нажать на значок компьютера и ниже появится строка “Отступ сверху\снизу” для мобильных.
---
Отключение адаптивности страницы
Если отключить адаптивность, страница будет показываться на мобильных так же, как и на компьютере.
Настройки страницы\Дополнительно\Отключить адаптивность для мобильных устройств. Переопубликовать страницу.
---
Обрезать фото можно
1. В Тильде\Контент блока\рядом с фото жмем на значок карандаша\кнопка Обрезать
2. В онлайн редакторе (аналог фотошопа): в левой панели кнопка Обрезать
3. В программе на компьютере FastStone Image Viewer\Правой кнопкой\Изменить\Обрезка
---
ПОЛЕЗНЫЕ МАТЕРИАЛЫ
---
ЗАДАНИЕ
Проверьте как ваш сайт отображается на мобильном.
Сделайте разное отображение блоков для разных устройств, например, обрежьте или замените фоновое изображение обложки для мобильных и планшетов.
➖➖➖➖➖➖
Ссылка для регистрации в тильде.
➡
Если вы зарегистрируетесь в тильде по этой ссылке и оплатите тариф, то и вы и я получим по бесплатному месяцу.
➖➖➖➖➖➖
Группа в вк “Обучение созданию сайтов на Тильде”
➖➖➖➖➖➖
ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ
Я в вк ➡️
Я на ютубе ➡️
Я в яндекс.дзен ➡️
Моя группа в телеграм ➡️ mVL5rXPo8PU4Njgy
Я в инстаграм ➡️
➖➖➖➖➖➖
Было полезно? Поддержать канал для создания новых видео:
➡️
➡️
➖➖➖➖➖➖
1 view
132
46
1 month ago 00:07:18 1
Тильда Адаптивность Настраиваем вид страницы на разных устройствах на стандартных блоках Тильды.
1 month ago 01:37:00 1
Создание интернет-магазина на Тильде —
2 months ago 00:10:34 1
Создание уникального блока в Zero Block
2 months ago 00:20:22 1
Урок 2: Делаем стильный сайт с 3d анимацией на Tilda с помощью Нейросети и Spline3D | 2024
2 months ago 00:17:43 1
Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024
2 months ago 00:06:58 4
Бесплатный курс: Тильда за 30 минут. Урок 2 — Интерфейс Тильды
3 months ago 00:06:05 1
Верстка на тильде под Full HD и 4К мониторы в Zero Block
3 months ago 01:30:14 1
Как создать сайт на Тильде: начало работы
4 months ago 01:29:11 1
Создание интернет-магазина на Тильде — 2024
4 months ago 01:32:46 1
Создание интернет-магазина на Тильде —
5 months ago 00:28:28 1
Работа в редакторе Zero Block: пошаговая инструкция
6 months ago 01:19:29 1
Тонкости адаптивной верстки на Тильде: мастер-класс
6 months ago 01:45:54 1
Создание лендинга в конструкторе Тильда —
7 months ago 01:00:11 1
Как быстро делать адаптивную вёрстку в тильде
7 months ago 00:03:00 1
Адаптивная загрузка изображений — новая функция на Тильде
9 months ago 00:17:50 1
Tilda. Как работать в ZERO BLOCK | Мобильная версия, адаптивный сайт. tilda zero block
10 months ago 00:03:17 1
Как бесплатно генерировать адаптивные сайты? 30 секунд и готово!
10 months ago 00:07:59 4
ИМПОРТ ИЗ FIGMA В TILDA | ПЕРЕНОС В КОНСТРУКТОР
11 months ago 00:30:42 2
Tilda zero block | Обучение как адаптировать лендинг в зеро блок на Тильда | Мобильная версия
11 months ago 01:32:22 1
Начало работы в Тильде. Создание сайта —
11 months ago 00:27:04 1
“Как адаптировать сайт под мобильные устройства на Тильде”
12 months ago 00:03:43 1
Что такое Автоскейл на Тильде и как его применить?