Блог Тильды

Новые блоки в категориях «Галерея», «Плитка и ссылка» и «Команда»

Обновление в библиотеке блоков Тильды — комбинация изображений с выравниванием по высоте GL25, карточки с фоновым изображением и текстом в колонках TE610 и блок команды с изображением и информацией справа TM302. Рассказываем подробно о новых блоках и показываем, как они выглядят.

🍏 Блок GL25 из категории «Галерея». Комбинация изображений с выравниванием по высоте.

Блок позволяет расположить фотографии разного размера так, чтобы края галереи оставались ровными. Все изображения в ряду будут одной высоты и с одинаковыми горизонтальными отступами.

В настройках блока можно выбрать один из трёх стилей, чтобы получилась комбинация во весь экран, компактный горизонтальный блок или объёмная галерея на несколько экранов. Чтобы изображения были ближе друг к другу или, наоборот, вокруг них было больше воздуха, для колонок можно настроить отступ 0px, 10px, 20px или 40px.

Также в блоке можно задать появление подписи при наведении на изображение, настроить цвет и непрозрачность плашки с текстом, включить увеличение изображений при клике и многое другое.

🍏 Блок TE610 из категории «Плитка и ссылка». Карточки с фоновым изображением и текстом в колонках.

Блок с плиткой из изображений и спрятанным текстом, который появляется при наведении. Появление при необходимости можно отключить. Между заголовком и описанием можно добавить разделитель, а ниже разместить кнопку.

Карточки легко настраиваются: для них задаётся соотношение сторон, радиус скругления углов, фильтр и тень, цвет фона. Всего в ряду может быть от 1 до 4 карточек.

Заголовочную секцию можно выровнять по центру или правому краю, настроить для неё и других элементов типографику, а также добавить анимацию.

🍏 Блок TM302 из категории «Команда». Персоны: изображение и информация справа.

Блок позволяет рассказать о команде в динамичном формате. В ряду может размещаться от 1 до 4 карточек. Для каждого члена команды можно добавить фотографию, имя, описание и ссылки на соцсети.

В настройках блока для изображений задаётся нужное соотношение сторон и вертикальный отступ. Кроме того, заголовок, описание, карточки с членами команды и кнопки можно анимировать.

😻 Cмотреть, как выглядят новые блоки: https://blog.tilda.cc/new-blocks-april2021
Made on
Tilda