Введение
Двойные блоки в Tilda — это как дополнительная порция вдохновения для ваших веб-проектов на платформе Tilda Publishing. Если вы уже знакомы с Tilda, то знаете, что это мощный инструмент для создания сайтов без необходимости глубоких знаний в веб-разработке. Однако, когда речь идет о создании уникального и креативного контента, двойные блоки становятся настоящей находкой.
Что такое двойные блоки в Tilda? Это функционал, который позволяет объединить два блока в один, предоставляя вам возможность создавать потрясающие макеты и улучшать визуальное восприятие вашего сайта. Двойные блоки расширяют творческие горизонты, давая возможность реализовывать самые смелые идеи.
Давайте подробнее рассмотрим, как двойные блоки Tilda могут стать магическим инструментом в вашем арсенале.
Двойные блоки в Tilda: Множество возможностей
Двойные блоки открывают перед вами безграничные возможности для творчества. Они позволяют сочетать различные элементы вашего сайта, словно вы виртуозно управляете веб-оркестром. Вы можете комбинировать текст с изображениями, видео с кнопками, формы с графикой — всё, что нужно для создания уникального сайта.
Двойные блоки в Tilda — это не только способ улучшить визуальный стиль сайта, но и метод выделить важную информацию. Используя двойные блоки, вы можете акцентировать ключевые моменты контента, придавая им особое значение. Это как выделить важный текст маркером, только в контексте веб-дизайна.
Как создать двойные блоки в Tilda. Пошаговая инструкция
Давайте перейдем от слов к делу и узнаем, как же сделать двойные блоки на вашем тильда сайте. Будем использовать zero block в связке с любыми другими блоками. Итак:
- Создайте zero block там, где у вас должны быть двойные блоки
- Зайдите в редактор нулевого блока и удалите все элементы из него
- Удалите фоновый цвет этого блока и сохраните изменения
- Откройте настройки пустого зеро блока и в пункте «BLOCK CSS CLASS NAME» присвойте ему класс «uc-doubleblock»
- После зеро блока создайте два любых блока, которые мы поместим в пустой зеро блок
- Зайдите в настройки этих двух блоков
- В пункте «BLOCK CSS CLASS NAME» введите класс «uc-childblock»
- После всех блоков на странице создайте HTML блок «Т123»
- Нажмите на кнопку «Контент»
- В открывшемся поле вставьте код
- В коде можно регулировать ширину экрана, начиная с которой модификация будет работать. Это нужно для того, чтобы на мобильных устройствах блоки показывались как обычно. Не задавайте диапазон видимости для блоков стандартными методами тильды
- Сохраните изменения и опубликуйте страницу
Теперь, на вашем тильда сайте, вместо пустого zero block, вы увидите два блока с контентом, расположившихся друг рядом с другом. Это и есть двойные блоки. Если вы хотите создать тройной блок, то есть три блока в одном в ряд, то посмотрите нашу видео инструкцию.