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

Итак, если вам понадобилось сделать картинку на сайте, которая будет являться ссылкой на другой ресурс, на внутреннею страницу сайта или на какой либо медиафайл, то в этом уроке вы узнаете как это можно сделать на сайте с движком от вордпресс.
Как известно, если добавить картинку, то в готовой записи она будет кликабельной, но при клики переходить на саму картинку в ее изначальном размере. А как же сделать, чтобы она перестала переходить на свой размер, при клике, а переход осуществлялся на нужную вам страницу. Для этого изначально в коде картинки необходимо удалить код перехода.
kartinka-ssylka
Как видно на рисунке, необходимо удалить часть кода картинки, который ведет к источнику самой картинки на вашем сайте. Также необходимо удалить закрывающие тег . Таким образом мы получим картинку, к которой мы сможем прикрепить любую ссылку, которую нам надо.
Размер картинки можно редактировать, в зависимости от того какой размер Вам нужен.
Получается некликабельная картинка:
lenivaya-pizza4

Теперь выделяем код картинки и кнопкой link, добавляем ссылку на нужную страницу.
kartinka-ssylka2
В открывшемся окне добавляем URL ссылки и нажимаем кнопку «Добавить ссылку».
kartinka-ssylka3
Картинка-ссылка готова. Теперь при нажатии на картинку, пользователь будет переходить на страницу, указанную при добавлении ссылки.
lenivaya-pizza4

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


Как сделать картинку-ссылку на сайте вордпресс: 3 комментария

  1. Наталья

    Секрет картинки в том, что она, как смайлик, способна передавать некоторую информацию, которую автор хочет донести до читателей. Если вы научитесь превращать картинку в ссылку, то это даст возможность делать свои красочные анонсы статей, создавать свои уникальные рассылки, делать необычные баннеры к своим созданным информационным продуктам или к партнёрским продуктам, которые рекламируются на сайте.

  2. Александр

    Спасибо за интересную статью! А есть какие нибудь плагины для построения страницы с ссылками и картинками?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *