Как превратить ссылку в кнопку на Tilda
Оформление обычных ссылок по адресу: пресеты, размеры и состояния наведения.Подробнее о модеСвернуть описание
Как превратить ссылку в кнопку на Tilda
Оформление обычных ссылок по адресу: пресеты, размеры и состояния наведения.Что умеет мод
- Применяет оформление ко всем ссылкам с точно заданным href.
- Позволяет настроить несколько адресов, у каждого свои цвета и размеры.
- Предлагает готовые пресеты: сплошная, контурная, прозрачная и другие кнопки.
- Настраивает наведение, обводку, тень, подъём и увеличение.
Как подключить
Подготовьте ссылки
Добавьте ссылки в Tilda и скопируйте их адреса из настроек. Мод использует точное значение href, поэтому /contact и полный адрес сайта с этим путём — разные значения.
Добавьте адреса в конструктор
Создайте настройку для каждой ссылки, которой нужно оформление. Все ссылки с тем же href получат один стиль. Запись с пустым адресом в итоговый код не включается.
Оформите состояния
Начните с пресета и настройте фон, текст, отступы и обводку. Затем задайте вид при наведении. Плавность анимации общая для всех кнопок; остальные настройки относятся к выбранной.
Опубликуйте и проверьте
Вставьте код в T123 после нужных блоков. Проверьте оформление, переход по адресу и длинную подпись на телефоне. Убедитесь, что другие ссылки с тем же href тоже должны выглядеть как кнопки.
Что учитывать. Мод меняет вид существующих ссылок; адрес перехода задаётся в самой Tilda. Одинаковый href связывает все соответствующие ссылки одним оформлением.
Вопросы и ограничения
Можно оформить только одну из одинаковых ссылок?
Этот конструктор выбирает ссылки по точному href. Одинаковые адреса получают один стиль; отдельного выбора одной ссылки по ID здесь нет.
Почему оформление не появилось?
Сравните адрес в конструкторе и href ссылки: относительный путь, протокол, якорь и параметры должны совпадать. Затем проверьте публикацию кода.
Можно сделать контурную кнопку?
Да. Выберите контурный пресет или задайте фон, толщину и цвет границы самостоятельно.
Чем отличается от «Живых кнопок»?
Здесь вы задаёте базовый внешний вид ссылки и обычные состояния наведения. «Живые кнопки» добавляют более сложные эффекты к выбранным кнопкам.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
