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

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

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

kartinka-ssylka

Как видно на рисунке, необходимо удалить часть кода картинки, который ведет к источнику самой картинки на вашем сайте. Также необходимо удалить закрывающие тег . Таким образом мы получим картинку, к которой мы сможем прикрепить любую ссылку, которую нам надо.
Размер картинки можно редактировать, в зависимости от того какой размер Вам нужен.
Получается некликабельная картинка:
<rel=»attachment wp-att-1950″=»»></rel=»attachment>

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

В открывшемся окне добавляем URL ссылки и нажимаем кнопку «Добавить ссылку».

Картинка-ссылка готова. Теперь при нажатии на картинку, пользователь будет переходить на страницу, указанную при добавлении ссылки.

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...