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

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

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

Оригинальный способ расширить базовые возможности в работе с картинками – добавить иконки с текстовыми блоками. Так называемые «теги» уже не редкость: особую популярность они получили в соцсетях, когда появилась возможность отмечать людей на фотографиях. Также теги стали популярными в премиальных интернет-магазинах и на официальных сайтах различной продукции, где на фото продукта можно отметить несколько элементов иконками, за которыми скрываются короткие текстовые описания отличительных особенностей данного продукта. Какими плагинами можно реализовать нечто подобное на своем сайте?

iMapper. Данный плагин позволяет всего за несколько шагов прикреплять различные типы иконок, включая собственные. Правда, он платный. С другой стороны здесь есть такой плюс, как адаптивный дизайн, что позволит использовать решение для работы на различных форматах страниц.

wpStickies. Также премиум-решение, с помощью которого на картинках можно отмечать людей, а также добавлять иконки с текстовыми блоками или всплывающими подсказками. Но этим не ограничивается функционал плагина: дело в том, что он позволяет своим читателям добавлять отметки на картинки самостоятельно и обсуждать их на сторонних блогах. Интересно и то, что внутри текстовых блоках поддерживается добавление HTML-кода.

Границы, рамки и фильтры к изображениям

Добавить эффекты или инстаграм-оформление к рисункам в блоге можно, воспользовавшись плагином. Рассмотрим список таких плагинов.

Styles with Shortcodes. Купив данный плагин, можно добавить много настраиваемых стилей для видео и фото. Их можно совмещать с лайтбоксами, плюс есть бесплатный пакет для этого плагина.

FrameIt. Этот плагин позволит творчески подойти к обработке изображений, во многом за счет стилистических приемов и рамок. Так, здесь предлагается больше 25 рамок, причем есть возможность создать свою собственную рамку. К преимуществам также можно отнести адаптивную «резиновую» верстку, позволяющую использовать FrameIt с мобильными устройствами. Стоит, правда помнить, что это премиум-плагин.

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

ImageFX. Плагин позволяет применить стилизованные под инстаграм-фильтры. Как и предыдущий – он также бесплатен.

WP Image Borders. Относительно новое решение, позволяющее добавлять эффекты и границы.

Faded Borders on Images. Бесплатный базовый плагин, добавляющий тени и рамки к фото в вашем блоге.

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