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

К сожалению, специального виджета для создания такой картинки-ссылки WordPress не предлагает. Однако в перечне доступных есть виджет под названием «HTML-код». Им мы и воспользуемся для решения нашей задачи. С помощью этого виджета картинка-ссылка может быть вставлена в любом месте блога.

Итак начнем. Перво-наперво нам нужна сама картинка. Вы можете хранить ее в медиатеке своего блога или найти в любом другом хранилище. Главное знать URL адрес этой картинки.

Второе. Необходимо знать URL адрес страницы, на которую должна вести ссылка с нашей картинки.

Третье — нужно как-то назвать нашу картинку, т.е. придумать заголовок, под которым картинка-ссылка будет помещена.

И, наконец, четвертое — необходимо определиться, какой текст будет выводиться при наведении мышки на картинку.

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

Шаблон этого кода выглядит следующим образом.

<center><a href=»адрес страницы куда должна вести ссылка» target=_blank><img src=»адрес изображения» border=»2″ title=»пояснительный текст» width=300 height=400></a></center>

Теперь разберём этот код по частям. То, что выделено жирным, необходимо поменять, исходя из того, что вы придумали. Если вы читаете этот пост на странице моего блога «Бизнес без болезней«, то обратите внимание на картинку в правой части главной страницы.

Она изображает руководство «6 условий для создания своей структуры в сетевом бизнесе». Это и есть картинка-ссылка. Соответственно я ввела адрес страницы, куда пользователь перейдет, кликнув по картинке, адрес этого изображения в моей медиатеке, пояснительный текст «Получить руководство бесплатно», а также указала размеры картинки: 300 пикселей ширина и 400 пикселей высота.

Сам виджет также предполагает наличие заголовка у картинки-ссылки. В моем случае он звучит как «Мое новое бесплатное руководство».

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

Если же вам нужна картинка-ссылка непосредственно в тексте вашего поста, то там еще проще.
Выделяете эту картинку и далее вверху в инструментах редактирования изображения выбираете пункт «Ссылка» и вставляете в нужное поле URL-адрес страницы, на которую эта ссылка должно вести.

Как видите, ничего сложного нет. Будут вопросы, пишите в комментариях. Обязательно отвечу.