Как на фотографиях сделать ссылки


Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки



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

Чтобы добавить ссылку на изображение в 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>

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

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

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

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

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

<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>

<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 ссылки на изображение был вам полезен. Если остались еще какие-то вопросы, пишите их в комментариях.


Источник: http://wordpressinside.ru/beginners/kartinka-link/

X

Как на фотографиях сделать ссылки фото


Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Как на фотографиях сделать ссылки

Читать топ новости: