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

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

Конечно, посетителей сайта интересует в первую очередь полезная информация (контент). В то же время, не стоит скидывать со счетов и оформление поста.

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

Ну а теперь ближе к делу. Поскольку, мои основные читатели – начинающие блоггеры, не будем углубляться в теорию (html-код, теги и т. п.), а рассмотрим, как вставить картинку в запись на блоге WordPress и сделать ее (картинку) кликабельной.

Как вставить картинку в запись

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

Чтобы вставить картинку, открываем нужную запись в редакторе административной панели WordPress (режим «Визуально»), отмечаем курсором место будущего расположения изображения и нажимаем кнопку «Добавить медиафайл».

Далее, щелкаем по кнопке «Выберите файлы», находим на компьютере нужную картинку, выделяем ее и жмем на кнопку «Открыть» в окне проводника. При этом нужное изображение загружается в библиотеку медиафайлов (в папку: ваш сайт/wp-content/uploads на сервере хостинга).

Как видите, в левой части страницы появилось загруженное нами изображение (в рамке и с галочкой), а в правой – открылась область редактирования для данной картинки.

В области редактирования заполняем поля: Заголовок, Подпись (если нужно), Атрибут alt и Описание.

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

Опускаемся ниже и выбираем параметры отображения: Выравнивание, Ссылка, Размер.

В окне «Ссылка» можно выбрать пункт «Медиафайл». В этом случае в строке ниже указывается адрес изображения на сервере, а при щелчке мышкой по вставленной картинке, она будет открываться в отдельном окне. Если выбрать пункт «Нет», установленная вами картинка будет игнорировать любые воздействия со стороны мышки (будет неподвижна).

Нажимаем кнопку «Вставить в запись». В окне редактора проверяем наличие картинки в нужном нам месте текста и жмем на кнопку «Обновить». Все, картинка вставлена.

Переходим на сайт и убеждаемся, что картинка стоит там, где ей предписано.

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

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

Открываем статью в редакторе административной панели, находим и выделяем нужную картинку, щелкнув по ней мышкой. Нажимаем на значок «Вставить/изменить ссылку» (звено цепи).

В открывшемся окне вставляем ссылку на нужную статью и ее заголовок. Ставим галочку в строке «Открыть ссылку в новом окне/вкладке», а затем нажимаем кнопку «Добавить ссылку».

Щелкаем по кнопке «Обновить». Переходим на сайт и проверяем работу ссылки. Удостоверившись, что ссылка исправно перебрасывает нас на нужную страницу, считаем поставленную задачу выполненной. Вы тоже можете проверить действие ссылки, щелкнув по картинке мышкой.

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

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

С уважением, Владимир (Spectr-rv.ru).