Как сделать картинку ссылкой
Ольга
В некоторых случаях необходимо прикрепить ссылку к картинке. Люди любят нажимать на изображения, поэтому партнерская ссылка в виде картинки будет уместна в теле статьи или анонса.
А уж ссылка в виде картинки в сайдбаре (баннер) – это общепринятый способ для перехода на нужный адрес, к примеру, на вашу страницу захвата.
Картинка со ссылкой – обязательный атрибут продающих страниц. Каждый переходил по гиперссылкам, спрятанным под кнопкой КУПИТЬ (кликабельная картинка).
Разберем несколько вариантов, как сделать картинку (изображение) ссылкой.
Как в картинку вставить ссылку
Эти сведения будут полезны при создании продающей или подписной страницы. Чтобы изображение сделать ссылкой, обычно используют такую конструкцию
.
Адрес ссылки – это адрес страницы, куда переходит пользователь.
Адрес картинки – изображение не должно находиться на вашем компьютере. Оно должно быть размещено в интернете (в папке с медиафайлами на блоге, в корневой папке блога, на облачном сервисе, например, Яндекс Диске). То есть иметь свой адрес с http://.
.
Если изображение находится в одной папке с файлом index.html, тогда можно написать коротко
.
Если хотите, чтобы нужная страница открывалась в новом окне, конструкцию усложним, добавив target="_blank"
Как в записи WordPress сделать картинку ссылкой
Движок WordPress позволяет в картинку вставить ссылку еще проще.
К примеру, вы написали статью, загрузили картинку в папку с изображениями.
- Вставьте картинку в запись =>
- правой кнопкой мыши выделите картинку =>
- в меню WordPress нажмите знак ссылки =>
- в появившемся окне укажите урл. Это может быть партнерская ссылка, или адрес другой страницы вашего блога, или ссылка на вашу страницу захвата => напишите заголовок (можно и не писать) =>
- и поставьте галочку Открывать в новом окне =>
- не забудьте нажать Сохранить или Опубликовать, или Обновить.
Посмотрите, как выглядит наша картинка в режиме просмотра html. Она также имеет атрибуты alt и title, высоту и ширину (можно изменять в просмотре html или редактировать в папке с медиафайлами), стиль alignright (расположение справа).
Картинка со ссылкой в сайдбаре
Чтобы сделать изображение в сайдбаре ссылкой, картинку (баннер) надо поместить:
1.в папку с медиафайлами блога Вордпресс. Тогда конструкция будет такая
Причем, адрес картинки ищите в папке с медиафайлами. 
2. в корневую папку сайта public_html (через ftp клиент)
- Зажмите левой клавишей мыши виджет Текст и перетащите его в сайдбар.
- Откройте виджет, нажав на треугольник справа.
- Вставьте в поле виджета первую или вторую конструкцию.
Затем нажмите Сохранить и перейдите на сайт, чтобы проверить результат. Привлекательные баннеры в сайдбаре - хороший способ размещения партнерских ссылок.
Посмотрите, как картинку сделать ссылкой Вконтакте.
Для профессионального использования лучше Фотошоп. Вот самый понятный курс для начинающих.