Двойные блоки в Tilda. Как сделать и зачем они нужны
Содержимое
Введение
Двойные блоки в Tilda — это как двойное дозирование вдохновения для ваших веб-проектов на платформе Tilda Publishing. Если вы уже знакомы с этой платформой, то знаете, что Tilda — это мощный инструмент для создания сайтов без необходимости в глубоких знаниях веб-разработки. Однако, когда дело доходит до создания уникального и креативного контента, двойные блоки в Tilda становятся настоящей находкой.
Что такое двойные блоки в Tilda? Это инструмент, позволяющий объединить два блока в один, что дает вам возможность создавать удивительные макеты и улучшать визуальное восприятие вашего сайта. Двойные блоки в Tilda обогащают ваши творческие возможности, позволяя воплощать в жизнь самые смелые идеи.
Теперь, давайте погрузимся в мир двойных блоков Tilda и рассмотрим, как они могут стать настоящими магическими инструментами в вашем арсенале.
Двойные блоки в Tilda: Множество возможностей

Двойные блоки предоставляют вам бескрайний океан возможностей для творчества. Они позволяют вам комбинировать различные элементы вашего сайта так, будто вы играете в роли виртуозного дирижера веб-оркестра. Вы можете сочетать текст и изображения, видео и кнопки, формы и графику – всё, что вам нужно, чтобы сделать ваш сайт неповторимым.
Двойные блоки в Tilda — это не только возможность улучшить визуальное оформление вашего сайта, но и способ подчеркнуть важные моменты и информацию. Вы можете выделить ключевые аспекты вашего контента, используя двойные блоки, и придать им особый акцент. Это как подчеркнуть текст маркером, только в веб-дизайне.
Как создать двойные блоки в Tilda. Пошаговая инструкция

Давайте перейдем от слов к делу и узнаем, как же сделать двойные блоки на вашем тильда сайте. Будем использовать zero block в связке с любыми другими блоками. Итак:

- Создайте zero block там, где у вас должны быть двойные блоки
- Зайдите в редактор нулевого блока и удалите все элементы из него
- Удалите фоновый цвет этого блока и сохраните изменения
- После зеро блока создайте два любых блока, которые по поместим в пустой зеро блок
- Зайдите в настройки этих двух блоков
- В пункте «BLOCK CSS CLASS NAME» введите класс «uc-childblock»
- После всех блоков на странице создайте HTML блок «Т123»
- Нажмите на кнопку «Контент»
- В открывшемся поле вставьте следующий код:
<style>
/* ID пустого блока */
#rec650586096 {
display: flex;
}
.uc-childblock {
width: 50%;
height: 100%;
}
</style>
<script>
var zblock = document.getElementById ("rec650586096"); // ID пустого zero block
let inblock1 = document.getElementById ("rec650586378"); //ID блока с контентом
let inblock2 = document.getElementById ("rec650586471"); //ID блока с контентом
zblock.appendChild(inblock1);
zblock.appendChild(inblock2);
</script>


- Скопируйте ID пустого zero block и вставьте его в код, в указанные места
- Скопируйте ID блоков с контентом и вставьте их в код, в указанные места
- Сохраните изменения и опубликуйте страницу
Теперь, на вашем тильда сайте, вместо пустого zero block, вы увидите два блока с контентом, расположившихся друг рядом с другом. Это и есть двойные блоки. Если вы хотите создать тройной блок, то есть три блока в одном в ряд, то посмотрите нашу видео инструкцию.
Сила в двойных блоках: Вывод
Двойные блоки в тильде — это удивительный инструмент, который приносит двойную порцию креатива и вдохновения в мир веб-дизайна. Они позволяют вам создавать уникальные макеты, выделять важную информацию и экономить время. Не упустите возможность воспользоваться этим мощным инструментом и сделать ваш сайт неповторимым и привлекательным для посетителей. Двойные блоки в Tilda — это ключевая фраза для вдохновения и творчества в веб-дизайне.
Смотрите обучающие видео уроки по Тильде тут
Читайте также: Пагинация в Tilda