В некоторых случаях необходимо прикрепить ссылку к картинке. Люди любят нажимать на изображения, поэтому партнерская ссылка в виде картинки будет уместна в теле статьи или анонса.

А уж ссылка в виде картинки в сайдбаре (баннер) – это общепринятый способ для перехода на нужный адрес, к примеру, на вашу страницу захвата.

Картинка со ссылкой – обязательный атрибут продающих страниц. Каждый переходил по гиперссылкам, спрятанным под кнопкой КУПИТЬ (кликабельная картинка).

Разберем несколько вариантов, как сделать картинку (изображение) ссылкой.

Как в картинку вставить ссылку

Эти сведения будут полезны при создании продающей или подписной страницы. Чтобы изображение сделать ссылкой, обычно используют такую конструкцию

<a href="адрес ссылки"><img src="адрес картинки" alt="" /></a>

Адрес ссылки – это адрес страницы, куда переходит пользователь, чаще всего страница подписки или дендинг партнерской программы.

Где взять адрес картинки? Изображение не должно находиться на вашем компьютере. Оно должно быть размещено в интернете (в папке с медиафайлами на блоге, в корневой папке блога, на облачном сервисе, например, на Яндекс Диске). То есть изображение должно иметь свой адрес с http://.

<a href="адрес ссылки"><img src=" http://kartinka.jpg " alt="" /></a>

Если изображение находится в одной папке с файлом index.html, тогда можно написать коротко

<a href="адрес ссылки"><img src=" kartinka.jpg " alt="" /></a>

Если хотите, чтобы нужная страница открывалась в новом окне, конструкцию усложним, добавив target="_blank"

<a href="адрес ссылки" target="_blank"><img src=" kartinka.jpg " alt="" /></a>

Как в записи WordPress сделать картинку ссылкой

Движок WordPress позволяет в картинку вставить ссылку еще проще. К примеру, вы написали статью, загрузили картинку в папку с изображениями.

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

  • Вставьте картинку в запись -
  • правой кнопкой мыши выделите картинку -
  • в меню WordPress нажмите знак ссылки -
  • в появившемся окне укажите урл. Это может быть партнерская ссылка, или адрес другой страницы вашего блога, или ссылка на вашу страницу захвата - напишите заголовок (можно и не писать) -
  • и поставьте галочку Открывать в новом окне -
  • не забудьте нажать Сохранить или Опубликовать, или Обновить.

Посмотрите, как выглядит наша картинка в режиме просмотра html. Она также имеет атрибуты alt и title, высоту и ширину (можно изменять в просмотре html или редактировать в папке с медиафайлами), стиль alignright (расположение справа).

как в картинку вставить, прикрепить ссылку

 Картинка со ссылкой в сайдбаре

Чтобы сделать изображение в сайдбаре ссылкой, картинку (баннер) надо поместить:

1. в папку с медиафайлами блога Вордпресс.  Тогда конструкция будет такая

<p align="center"><a href="
http://адрес_ссылки" target="_blank"><img src="
http://ваш_сайт.ru/images/kartinka.jpg"></a></p>

Причем, адрес картинки ищите в папке с медиафайлами.

Как сделать ссылку в виде картинки

2. в корневую папку сайта public_html (через ftp клиент)

<p align="center"><a href="
http://адрес_ссылки" target="_blank"><img src="
http://ваш_сайт.ru/kartinka.jpg"></a></p>

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

виджет Текст
как изображение сделать ссылкой
Затем нажмите Сохранить и перейдите на сайт, чтобы проверить результат. Привлекательные баннеры в сайдбаре - хороший способ размещения партнерских ссылок. Посмотрите, как картинку сделать ссылкой Вконтакте.

Для профессионального использования лучше Фотошоп. Вот самый понятный курс для начинающих.