Tilda, если нужно сделать "так же" или как скопировать чужой элемент в Tilda
Tilda один из наиболее популярных NoCode конструкторов простеньких сайтов и лендингов для маркетинга.
Бывает, необходимо скопировать "чужой" элемент, или взять как референс, будь то ваше желание или хотелка заказчика.
Поэтому тема - простая инструкция, как скопировать чужой элемент в Tilda.
Статья для новичков!
Убеждаемся, что целевой сайт сделан на Tilda. Сделать это можно несколькими путями:
- Увидеть лейбл Tilda снизу страницы, в подвале сайта, если автор его не убрал. Верный способ.
- Понять по очень знакомым и узнаваемым элементам, присущие конструктору. Со временем, работая с Tilda, вы интуитивно начнете это видеть.
- Посмотреть исходный код страницы нажав F11/F12 (кому как удобнее) на целевой странице, или через контекстное меню. Тильда имеет очень характерную структуру и название элементов. Основные блоки имеют следующий класс: t111, где t - это обозначение блока Tilda(всегда неизменно), 111(три цифры) - номер Tilda (меняется).
Мы убедились, что сайт на нужном нам конструкторе, так как же скопировать элемент?
Находим целевой элемент, который мы хотим позаимствовать, например мы хотим взять и сделать такую же карточку (элемент может быть почти любой, за редким исключением).
Нажимаем правой кнопкой мыши на нужный элемент ( к примеру в данном случае на категории), и выбираем "Исследовать элемент".
После этого у нас открывается окно с кодом элемента.
Весь код на сайтах имеет структуру вложенности, поэтому мы просто скролим данный код вверх, до первого блока, у которого <div class=> будет начинаться со структуры, которую я описал ранее, а именно - Основные блоки имеют следующий класс: t111, где t - это обозначение блока Tilda(всегда неизменно), 111(три цифры) - номер Tilda (меняется).
Находим этот родительский блок, и копируем значение. В данном случае это t778. Поздравляю, мы почти закончили :)
Далее идем на какой-нибудь сайт, например этот , или любой другой, где есть описание блоков Tilda и вводим в поиск (можно так же через CTRL+F) номер блока 778.
Находим название нужного блока - вы великолепны.
Далее мы просто идем на свой сайт, выбираем добавить элемент и вводим в поиске номер блока: ST310N
UPD
Наткнулся на расширение, которое сразу показывает номер блока, если оно корректно работает, то статья не столь полезна ;)
Теперь, если вам необходимо что-то позаимствовать или сделать что-то очень похожее на референс - вы знаете как.
Остались вопросы? Пишите: