Мар
31
4

Как добавить ссылку на изображение в WordPress

картинка ссылка в WordPressДанная заметка будет полезна больше для начинающих пользователей. Не смотря на то, что задача это весьма простая, меня пару раз спрашивали о том как правильно сделать картинку ссылку в WordPress. Теперь буду давать линк на этот пост, где постараюсь все детально рассмотреть. Кстати, разные, вопросы, касающиеся изображений в системе вордпресс, можете найти в одноименном разделе. А если вы ищете плагин эффектного увеличения картинки при клике — попробуйте Lightbox Plus Colorbox.

Чтобы добавить ссылку на изображение в WordPress не нужны никакие модули или специальные функции — все это реализуется базовыми возможностями текстового редактора.  Алгоритм действий следующий:

1. Заходите в редактор для написания/редактирования поста или страницы. В нем кликаете по ссылке «Добавить медиафайл» (Add Media).

Добавляем картинку в WordPress

2. В открывшемся окне появятся картинки из медиабиблиотеки. Выбираете закладку «Загрузить файлы», где можно будет перетащить / загрузить изображения с персонального компьютера.

Загрузка картинок в вордпресс

Далее просто нажимаете кнопку «Вставить в запись».

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

Добавление ссылки в картинку на WordPress

4. После этого появится всплывающее окно, где указываете нужный вам линк. Можно поставить галочку «Открывать в новой вкладке», если хотите.

Добавление ссылки в WordPress

Кликаем «Добавить ссылку». Сохраняете запись и проверяете работу данного элемента на сайте.

Вот небольшое видео, если описание алгоритма выше вам показалось не совсем понятным. После этого, думаю, вопросов не останется. Запись без звука, но ее можно развернуть на весь экран.

Кстати, недавно заметил, что вставить картинку ссылку в WordPress можно и через сочетание клавиш Ctrl + V. Для этого копируете линк из адресной строки или любого другого места, а затем, после клика по нужному изображению, нажимаете «Ctrl + V» — ссылка будет добавлена.  Такой себе экспресс метод.

Ссылка в подписи к картинке

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

Подпись к изображению можете задать в момент его вставки в запись либо же после, кликнув по иконке карандаша (для редактирования).

Редактирование картинки в WordPress

В открывшемся окне в поле «Подпись» можно добавлять HTML код ссылки:

<a href="http://site.com/">Картинка номер 1</a>

Вставка картинок ссылок в виджете

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

Алгоритм следующий:

  1. Заходим в раздел «Внешний вид» — «Виджеты».
  2. Добавляем новый элемент типа «Текст» в соответствующее поле виджетов.
  3. Вставляем в поле виджета следующий HTML код:
<a href="http://wordpressinside.ru/">
<img src="http://ваш_сайт.com/путь_к_картинке/picture.jpg" />
</a>

Здесь:

  • А — добавляет ссылку, которую указываете в параметре href;
  • IMG — вставляет картинку, путь к которой задается в src;

Вставка HTML кода картинки в виджет

  1. Сохраняем элемент.

Можно использовать код посложнее:

<a href="http://wordpressinside.ru/" target="_blank">
<img src="http://ваш_сайт.com/путь_к_картинке/picture.jpg " alt="Описание картинки" width="250" height="180" />
</a>

Здесь используются дополнительные параметры:

  • target=»_blank»- указывает открытие линка в новом окне;
  • alt=»Картинка» — альтернативный текст для картинок полезен в оптимизации;
  • width и height — ширина и высота изображения соответственно.

Надеюсь, данный пост про вставку WordPress ссылки на изображение был вам полезен. Если остались еще какие-то вопросы, пишите их в комментариях.

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(голосов - 3, средний балл: 7,00 из 7)
Загрузка...

категория Категории: Возможности; Начинающим;
теги Теги: , , , , , , .

комментария 4 к статье “Как добавить ссылку на изображение в WordPress”

  • Валерий   01.04.2016

    Здравствуйте! Спасибо за интересную информативную статью. Очень будет полезно новичку блоггеру узнать эту информацию.

  • Анжелика   01.04.2016

    очень интересная и немало важная статья. Спасибо за столь ясное и подробное объяснения.

  • Татьяна   20.01.2017

    Спасибо, все получилось, но хочется, чтобы ссылка открывалась в новой вкладке, может быть, найду сама.
    Заранее спасибо!

  • Tod   21.01.2017

    Татьяна, смотрите 4тый пункт руководства, под полем для ссылке есть галочка «Открывать в новой вкладке».

Оставить комментарий


Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Последние посты
Лучшее в категории
Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости