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

Как сделать картинку ссылкой? Кликабельная картинка.Добрый день всем, познающим науку сайтостроения!

Как мы и собирались, в статье «Как вставить картинку в сайтбар?», переходим к нераскрытому там вопросу — как сделать картинку ссылкой? Кликабельная картинка может нам понадобиться и в статье, и в сайтбаре.

Назначение картинки-ссылки.

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

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

Всё очень просто – следуйте за моими объяснениями, и будет всё понятно.

Сделаем кликабельной картинку с этой статьи с симпатичным Карлсоном, чтобы, нажав на неё, можно было быстро попасть на страницу «Как вставить картинку в статью?», расположенную по адресу http://to-interbiz.ru/programma-shkoly-internet-biznesa/kak-vstavit-kartinku-v-statyu.

1. В консоли находим Записи > Добавить новую > Размещаем картинку обычным способом.

2. Переходим с визуального редактора на HTML-код.

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

3. В появившемся коде убираем выделенный мной на рисунке участок, после <a href = «………», то есть всё, что внутри кавычек. Это был адрес расположения картинки.

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

4. Вместо удалённого участка кода, размещаем между кавычками адрес той страницы, куда мы хотим перевести читателя после нажатия на картинку (его мы размещали выше) ↑ : http://to-interbiz.ru/programma-shkoly-internet-biznesa/kak-vstavit-kartinku-v-statyu.

5. После обновления можем посмотреть результат. У меня картинка сработала – перенаправила на желаемую статью.

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

Понравилась статья? Нажмите, пожалуйста, на кнопочки! Оставившего первый комментарий ждёт сюрприз!

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
You can skip to the end and leave a response. Pinging is currently not allowed.

13 Responses to “Как сделать картинку ссылкой? Кликабельная картинка”

  1. Здравствуйте, Ирина. Опробовал ваш метод с картинкой, правда не совсем получилось, вернее совсем не получилось. И картинка исчезла и ссылка не появилась, может я, что-то не так сделал?

    • admin:

      Здравствуйте, Игорь.
      Я очень сожалею, почему же у Вас не получилось?
      Но, с другой стороны, может быть это мне сигнал — непонятно пишу? Или делаю ошибки?
      В любом случае, Ваш комментарий для меня очень важен и я сейчас же напишу Вам на почту.
      Думаю, общими силами разберёмся.
      Но для начала советую: следуйте указаниям точь-в-точь, ничего не пропускайте. Бывает, что ошибки скрываются именно в пропущенном одном слове, или одном действии.(Знаю о чём говорю, первые ошибки так же вот допускала сама).
      До встречи!

  2. Ирина. Пишите Вы достаточно подробно и понятно, но ваш метод у меня не прошёл. Возможно мы вставляем картинку разными способами или есть ещё какая то причина суть не в этом, я нашёл немного другой способ и всё получилось. Спасибо за идею, а то как то всё руки не доходили.
    Успехов Вам и процветания вашему блогу.

    • admin:

      Я рада за Вас, Игорь, что всё у Вас получилось. А способов ведь, действительно есть много разных, но, главное, лишь бы они давали результат!

      • Татьяна:

        Вот сколько проблем может возникать по одному несложному вопросу. Но всё, оказывается, преодолимо. И есть и другие способы.

    • Олександр:

      Игорь, Ирина более или менее очень хорошо описала все. В чем проблемы почему у Вас возникли я не знаю.

    • Инга:

      Вот ведь как из ничего могут возникать и проблемы. Нужно, видимо, поточнее соблюдать рекомендации.

  3. Ирина, в который раз ваша статья мне очень помогает, спасибо вам преогромное, удачи вам и еще сто тысяч таких полезных статей! :good:

    • admin:

      Всегда рада помочь, Наташа!
      К сожалению, размещаю статьи медленнее, чем хотелось бы, а материала — уже столько накопила!!! Перерабатывать нужно успевать!

  4. Татьяна:

    Это же двойная польза! Картинка, да ещё и ссылка одновременно! Хорошо придумано!

  5. Владимир:

    А как быть, если я вообще не представлял, что на картинку нужно нажимать?

Leave a Reply

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-) 
 
↓