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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С уважением, Владимир.

Обсуждение: 4 комментария
  1. Михаил:

    Информация полезная. Сайт уж год как существует. Компьютер староват — не тянул, нужно обновить. Все думал, как эти анкоры превращаются в ссылки. По которым происходит перенаправление на нужную страницу или сайт. До поры до времени глубоко в эти дела не вникал. Теперь понятно. Буду внимательно изучать функции и возможности WordPress. Всех Вам благ!С наступающим 2015 годом!

  2. Владимир:

    Михаил, спасибо за комментарий. Всего вам хорошего в наступающем году!

  3. Валерий:

    Владимир, на твой сайт набрел случайно. Сам «подбираюсь» к созданию собственного сайта в Word Press, поэтому важна любая практическая инфа. Спасибо за подсказки.
    Может, настанет время, когда в инете выметется весь «мусор» из сайтов, слепленных кое-как и наполненных черт знает чем.

  4. Владимир:

    Валерий, спасибо за комментарий. Стараюсь описывать только то, что опробовал сам. Заходи еще,

Поделитесь своим мнением

Подписка на обновления

Хотите получать новые статьи на почту? Введите свой e-mail адрес:

© 2017 Полезные советы, программы и сервисы интернета  Войти