Тильда Бесплатный Конструктор для Создания Сайтов

Как сделать картинку ссылкой на Tilda?

В данной статье мы рассмотрим возможные в конструкторе Тильда варианты создания активной картинки, чтобы при клике на нее выполнялся переход на другую страницу
Нет желания читать длинный текст?
Тогда смотрите обучающий видеоролик! В этом видео подробно описывается, как сделать кликабельной картинку на сайте в Tilda
Как сделать активную картинку, чтобы при нажатии на неё был переход на другую страницу?
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.

Как сделать ссылку на картинку. Способы

Вопрос, как добавить ссылку на изображение, часто задают посетители моего YouTube канала «Маркетинг в огне с Алексеем Чесноковым».
В данной статье я предлагаю 2 варианта решения задачи, как сделать картинку активной, чтобы при клике на нее можно было перейти на другую страницу:
  1. Добавление кликабельных миниатюр страниц, размещенных на сайте
  2. Добавление ссылок на произвольное изображение
Описанные здесь способы, доступны любым пользователям, даже если у них нет навыков программирования.
Вопрос от посетителя YouTube канала

Картинки-ссылки на другие страницы сайта

Для того, чтобы сделать картинку ссылку на другие страницы сайта:
  1. Откройте меню «Библиотека блоков»
  2. Раздел «Список страниц»
  3. Выберите представление, например - «IX04 Полноэкранная сетка картинка, раздел, заголовок, описание»
Выбор представления для картинки-ссылки
После загрузки блока на страницу:
4. Перейдите по кнопке «Контент» блока
5. Поставьте галочки напротив названий страниц, ссылки на которые нужно добавить. В разделе ЦЕЛЬ ДЛЯ ВСЕХ ССЫЛОК БЛОКА выберите, как должна открываться страница (в этом же окне или в новом).

В результате на странице отобразятся кликабельные изображение выбранных страниц, их название и краткое описание.
Чтобы страница открывалась по ссылке, ее нужно предварительно опубликовать
Страницы для которых нужны ссылки
Чтобы изменить текст на картинке:
  1. Перейдите в «Настройки» страницы
  2. В разделе «Главное» напишите нужный ЗАГОЛОВОК и ОПИСАНИЕ → Сохранить изменения
  3. Опубликуйте страницу
Изображение можно поменять также в «Настройках» страницы → раздел «Бэйджик»
Кака изменить заголовок и изображение для ссылок

Ссылки на произвольные картинки

Чтобы добавить ссылку на произвольную картинку:
  1. Откройте меню «Библиотека блоков»
  2. Раздел «Плитка и ссылка»
  3. Выберите представление, например, - «TE110 Ссылки на материалы в полноэкранные колонки с появлением информации при наведении»
  4. Перейдите по кнопке «Контент» блока и добавьте адрес ссылки в поле ССЫЛКА. В этом случае все изображение будет кликабельным.
Для добавления новых блоков с изображениями нажмите кнопку «Добавить элемент».
Добавление ссылки для изобажения
В настройках блока также возможно:
  • Добавить иконку
  • Добавить заголовок и описание
  • Добавить кнопку, разместив текст в поле НАЗВАНИЕ КНОПКИ
Если на изображение добавляется кнопка, то только она будет кликабельной, а не вся картинка
Настройка картинки-ссылки
Чтобы добавить горизонтальный разделитель изображений:
  1. Откройте меню «Библиотека блоков»
  2. Раздел «Разделитель»
  3. Выберите нужный вариант линии
Разделитель между изображениями
Буду благодарен за лайк, если статья была Вам полезна. Подписывайтесь на канал «Маркетинг в огне с Алексеем Чесноковым», чтобы не пропустить новые видео. Если есть вопросы, напишите их, пожалуйста, в комментарии. Постараюсь обязательно на них ответить.
Эта статья была для Вас полезной?

Добавить комментарий

Понравилась статья? Поделиться с друзьями:
Made on
Tilda