Янв
29
196

Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п.

Плагины для изображенийТекущее содержимое статьи является обновленной версией старой записи, которая была опубликована 8 лет назад. За это время список плагинов для картинок в Вордпресс стал уже совсем не актуальным, поэтому срочно требовал обновления. Кстати, в блоге есть отдельная метка по wordpress изображениям, где найдете более 40 заметок по данной теме с разными решениями, хаками и руководствами по теме. В этой публикации будут представлены только модули (с кратким описанием). 

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

В блоге уже было несколько узкоспециализированных подборок по плагинам Вордпресс изображений, вот ссылки на них:

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

NextGEN Gallery

NextGEN Gallery

NextGEN — единственный WordPress модуль изображений из прошлой подборки, что не просто сохранился за 8 лет, но и превратился в один из самых узнаваемых и популярных (его скачали более 1,5млн человек). Начиналось все с простого плагина для создания галереи, но теперь это полноценная система по управлению фотками на вашем сайте, где есть: добавление, группировка, сортировка фото, создание альбомов, миниатюр, импорт мета данных и многое другое.

NextGEN обладает широкой функциональностью, но при этом достаточно прост и понятен в работе через админку. В классической версии содержит 2 варианта галерей (с миниатюрами и через слайдшоу) + 2 типа стилей альбомов со множеством опций: оформление, размеры картинок, эффекты увеличения при просмотре и т.п. В PRO версии разных способов отображения контента еще больше.

BJ Lazy Load

BJ Lazy Load

Он, как и все остальные Lazy Load решения, позволяет ускорить загрузку вашего веб-ресурса. BJ Lazy Load показывает пользователям графику в статьях и дизайне сайта только когда прокрутка экрана до них доберется. В описании сказано, что поскольку данная технология поддерживает в том числе и с iframe, то вставки Vimeo или YouTube также будут обрабатываться. Хотя в подборке плагинов отложенной загрузки изображений есть специальный вариант для видео контента — Lazy Load for Videos (тоже недавно получил обновление).

Photo Gallery by WD

Photo Gallery by WD

Продвинутая WP галерея со множеством настроек и 100% адаптивностью. В этом Вордпресс модуле к картинкам можно добавлять описания, теги, формировать из них альбомы. В галерее доступны несколько видов отображения: миниатюры, карусель и др. Есть поддержка видео и даже какие-то E-commerce функции для продажи принтов. Последняя и часть других фишек, как я понимаю, доступны в PRO версии, но и без них бесплатный релиз имеет весьма привлекательные возможности.

Responsive Lightbox by dFactory

Responsive Lightbox by dFactory

Данный скрипт позволяет посетителям веб-проекта просматривать увеличенные версии картинок с помощью так называемого Lightbox эффект. Применяется как на отдельных изображениях, так и в галереях — для WordPress графики подключается автоматически. Самое полезное здесь — адаптация под мобильные девайсы. Модуль содержит много разных опций, виджеты, совместим с WooCommerce и Visual Composer. Простой, но функциональный инструмент.

FooGallery (Responsive Gallery)

FooGallery (WordPress Responsive Gallery Plugin)

Очень интересный и функциональный модуль, который совместно с другим решением этих же разработчиков позволяет сделать сделать галерею с браузером изображений и Lightbox увеличением. Сама по себе данная фотогалерея обладает большим числом настроек, поддерживает Gutenberg, здесь есть стрелочки/иконки для навигации, 6 типов отображения фотографий и 2 варианта для альбомов.

В админке все сделано максимально качественно — Drag n Drop файлов, импорт из NextGen, подключение своих CSS-стилей, использование шорткодов в любых редакторах. Реально неплохой продукт.

Easy FancyBox

Easy FancyBox

Как и предыдущий, этот WordPress плагин изображений добавляет эффект Lightbox всем JPG, GIF и PNG картинкам на сайте. После установки основные опции найдете в разделе «Настройки». Кроме графики он также срабатывает для: видеоконтента (ссылки на Vimeo, Youtube, Dailmotion), флеш файлов, PDF, iFrames и в некоторых других случаях. Совместим с NextGEN. Также по теме могу упомянуть модуль jQuery Colorbox, что имеет меньше загрузок, но описание у него неплохое. Читайте обзор плагина Easy Fancybox.

MetaSlider

MetaSlider

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

Плагин поддерживает 4 разных типа слайдшоу: карусель Flex Slider 2, Nivo Slider с 16 эффектами и 4 темами, максимально легкий Responsive Slides и Coin Slider (первые 3 полностью адаптивны). Работа над модулем активно ведется, в нем много настроек, поддержка мультиязычности и т.п.

Responsive Slider – Image Slider

Responsive Slider – Image Slider – Slideshow for WordPress

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

Logo Carousel

Logo Carousel

Это один из самых скачиваемых вариантов из подборки слайдеров логотипов, но выбирать подходящее решение нужно зависимости о своих текущих задач. В Logo Carousel есть: возможность добавлять активные ссылки на лого, создание нескольких объектов на странице, использование шорткодов. Из интересных особенностей — эффект, когда изначально изображения отображаются в ЧБ, а при наведении в цвете (работает в современных браузерах).

Carousel Horizontal Posts Content Slider

Carousel Horizontal Posts Content Slider

В данном WordPress плагине картинки не выводятся как отдельные графические элементы, — слайдер содержит записи. Это отличная возможность представить посты в оригинальном виде, демонстрируя, например, последние новости. Кроме миниатюры в Posts Content Slider отображаются заголовок и краткий анонс. Слайдер «дружит» с мобильными устройствами, имеет навигацию, поддерживает виджеты и переводы. Есть десятки опций для его настройки. Весьма интересный модуль, как по мне.

Responsive Flickr Slideshow

Responsive Flickr Slideshow

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

Twenty20 Image Before-After

Twenty20 Image Before-After

Один из плагинов из заметки про создание фото До и После в Вордпресс. Наверняка, вы слышали о таком эффекте. Twenty20 Image Before-After легко интегрируется в статьи через шорткоды либо вставляется через виджет. Интерфейс максимально прост, поддерживается Visual Composer. Картинки получаются адаптивными и доступны на всех устройствах. В описании на официальном сайте есть видео демонстрация настройки и работы.

Instagram Feed

Instagram Feed

Отображает фотки из одного или нескольких открытых Инстаграм аккаунтов либо из фидов. Совмещайте несколько источников в одном блоке. Здесь много разных настроек, поддерживаются полноразмерные фотки, имеется адаптивность. Под блоком фотографий найдете кнопку «загрузить еще», с помощью которой можете обновлять их бесконечное число раз. Есть также кнопка подписки.

Flickr Badges Widget

Flickr Badges Widget

Для тех, кто не в курсе Flickr — один из самых древних, крупных и популярных фотохостингов, которым пользуются миллионы людей. Flickr Badges Widget — простой виджет на jQuery, позволяющий отображать в блоге подборки последних или случайных объектов из вашего Flickr аккаунта. Этот модуль картинок в Вордпресс содержит несколько опций настройки, систему табов и даже механизм кэширования. Из подобных решений это самое скачиваемое наряду с Meks Simple Flickr Widget.

Easy Watermark

Easy Watermark

У меня уже был детальный обзор этого Вордпресс модуля картинок для создания водяного знака watermark. Это неплохое функциональное решение я использую в текущем и некоторых других проектах. Не смотря на то, что оно не обновлялось около 2х лет, с новыми версиями системы работает стабильно. Нравится наличие множества фишек, например, допускается создавать водяной знак из текста или jpg / png / gif файлов, имеются настройки прозрачности, расположения watermark`а и т.п.

Auto Post Thumbnail

Auto Post Thumbnail

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

Comment Images Reloaded

Comment Images Reloaded

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

В настройках Comment Images Reloaded можете указать максимальный вес загружаемого файла, выбрать размер отображаемой графики на сайте, запрещать/разрешать данную функцию для определенных записей и т.п. Дополнительно советую глянуть расширенный обзор модуля загрузки картинок в комментариях — там чуть более детально рассмотрены все его опции.

Related Posts Thumbnails Plugin for WordPress

Related Posts Thumbnails Plugin for WordPress

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

Итого

Изначально думал переместить устаревшие Wordpress плагины для изображений из прошлой версии поста в самый конец дабы оставить их, так сказать, для ознакомления. Однако, как оказалось, из 20-ти подобранных в 2010 году, решений доступными оказались лишь 3. Некоторые последний раз редактировались 5-7 лет назад, но добрая их половина просто удалены из репозитория. Вот уж действительно непостоянная судьба у скриптов и модулей.

В дальнейшем данный список плагинов для картинок в Вордпресс обязательно будет пополняться. Я, в принципе, сразу мог разместить их здесь около 30-40 штук, но думаю, лучше будет отобразить из каждой категорий задач по 1-2 самых эффективных варианта. Переходите по дополнительным ссылкам в статье дабы найти остальные модули.

Если вы знаете другие интересные/полезные наработки либо заметили, что какой-то из плагинов перестал работать — пишите в комментариях.

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

категория Категории: Плагины;
теги Теги: , , , , , , .

комментариев 196 к статье “Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п.”

  • Руслан   19.01.2016

    Подскажите модуль!
    Нужно что бы на миниатюру можно было добавлять надпись и картинку (ярлык) типа как в магазинах (скидки, акции и тд)

  • Tod   19.01.2016

    Руслан, для реализации этой идеи нужно смотреть в сторону CSS стилей. Для каждого поста есть свой уникальный Class. Нужно только поискать как в style.css прописывается вывод подобного ярлыка.

  • Борис   23.01.2016

    Руслан, задаешь в CSS тексту position: absolute, и даешь ему координаты при помощи top, left и тд
    например:
    .hero h1{
    font-size: 4.1em;
    margin: auto;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    }
    тут ссылочка на пример с эффектом) http://codepen.io/mrnathan8/pen/KwKdmO

  • allvolley   28.01.2016

    За статью с подробными примерами — спасибо! Кое-что пригодилось!!

  • Александр   14.02.2016

    Привет. Может в курсе….
    Я занимаюсь печатью фотографий, поэтому на сайт ищу плагин для пакетного добавления фотографий клиентами, во время оформления онлайн заказа. Важно, что бы можно было загрузить неограниченное кол-во фотографий и желательно не на хостинг сайта и на сторонний ресурс, например облачное хранилище.
    Вот ссылка на страницу куда ищу эту форму suvenirka33.ru/fotopechat/pechat-foto/

  • Tod   15.02.2016

    Александр, такого плагина не встречал. Может, кстати, на самих сервисах хостинга изображений есть какие-то скрипты/виджеты для загрузки, код которых можно просто скопировать на сайт. Хотя, конечно, модуль — более удачное решение. Нужно искать.

  • Витек   29.03.2016

    Доброго времени суток, Вам!Если ли плагин с изображениями в которых можно влаживать ссылки в подпись картинки с дальнейшим переходом на сайт ?

  • Сергей   29.04.2016

    Я использую NextGEN Gallery довольно таки давно мне нравится )

  • ольга   11.06.2016

    Хорошая галлерея Unite Gallery http://wp.unitegallery.net .Легко устанавливается и удобная в использовании.

  • Yurez   10.08.2016

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

  • Tod   10.08.2016

    Yurez, для галереи есть достатчно мощный и популярный модуль — NextGEN Gallery. С другими я не работал.

  • Вера   23.09.2016

    Здравствуйте! Подскажите, пожалуйста, какой плагин для ВордПресса можно использовать на сайте для отображения своих фото из сервиса гоогле+ или подскажите в каком сервисе можно хранить фото и для него нормально работающий плагин вордпресса.
    Хранила в гоогле через пикаса. К сожалению, пикаса перестал работать и перевели на гоогле+ автоматически меня….

  • Tod   23.09.2016

    Вера, к сожалению, с данным вопросом я пока не сталкивался. Поищите в гугле по запросу «google photos wordpress» или «google photos wordpress plugin» — в результатах есть парочка вариантов.

  • Владимир   12.10.2016

    Возник такой вопрос:
    необходимо разместить на странице несколько фото. Затем при нажатии на одно фото нужно открыть галерею тематических фото 3-4 штуки. И так на каждое фото на странице! Как это решить??

  • Tod   12.10.2016

    Владимир, либо создаете обычную галерею в WordPress и на картинки ставите соответствующие ссылки на другие страницы, либо находите специальный плагин галереи например NextGEN Gallery.

  • St   07.11.2016

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

  • Tod   14.11.2016

    St, к сожалению, с данной задачей не сталкивался. Если вам для галереи, то вроде бы в Nextgen Gallery был похожий функционал. Если для «точечной вставки», то такого точно не видел.

  • Денис   09.12.2016

    Подскажите тему на wp для создания фотобанка. Очень необходимо. Спасибо друзья!

  • Tod   09.12.2016

    Денис, нужно гуглить wordpress themes photo или wordpress themes gallery и тому подобные. Я пока что подборок по этой теме не делал.

  • Светлана   22.01.2017

    Добрый вечер!
    Я ищу плагин для WP как вот на этом сайте: vse-raskraski.ru/raskraski-iz-multfilmov/raskraska-alisa-v-strane-chudes
    Так чтобы картинки открывались и можно было их распечатать или скачать.
    Есть что то такое?
    Спасибо большое!

  • Tod   22.01.2017

    Светлана, судя по коду, там используется Colorbox скрипт. Можете посмотреть в репозитории wordpress соответствующие модули — для WP есть сразу несколько решений. Хотя не исключено, что это личная разработка авторов сайта.

  • Valer   01.02.2017

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

  • Tod   02.02.2017

    Valer, для решения этой задачи можете использовать Easy Watermark, была когда-то статья в другом блоге про водяные знаки на картинках.

  • Рустам   10.02.2017

    Добрый день.
    Перерыл кучу плагинов, так и не нашел. Может плохо искал конечно)
    Мне нужно реализовать лайтбокс с двумя колонками. В одной части простой текст, описание. А во второй карусель изображений.
    Что можете посоветовать?

  • Tod   10.02.2017

    Рустам, по описанию это больше похоже на функционал модальных окон по типу Easy Modal, когда есть определенное содержимое, и выводите его во всплывающем окне. Если искать похожее в лайтбоксах, то вставка будет через iframe — нужно искать подобную функциональность. Но это все больше для «разовых» случаев, то есть сделать несколько блоков на сайте и запустить не проблема. Если вам нужна «постоянная» функция, например, для магазина где кликаете по товару и видите его описание+слайдер фото в лайтбоксе, то тут скорее всего придется дописывать какой-то плагин либо делать свой.

  • Егор   06.07.2017

    Здравствуйте! Установил Nextgen Gallery и сразу же на сайте поменялись шрифт, его цвет, цвет кнопок… Удаление плагина не помогло. Пробовал активировать другую тему, затем вернуться к прежней — результата нет. Подскажите, в чем может быть дело?

  • Tod   07.07.2017

    Егор, похожие симптомы наблюдаются при редактировании настроек дочерней темы для премиального шаблона — а именно слетают установленные стили оформления. Каким-то образом система перезаписывает базовый main-style.css. Единственный метод дабы быстро его восстановить — сохранять актуальную версию на компьютер или под другим именем дабы потом перезаписать обратно. Если такого сохранения нет, увы, восстановить последние настройки стилей не получится. Возможно, модуль Nextgen сделал похожую перезапись стилей.
    Посмотрите файл стилей в вашей теме — если там установлены цвета шрифта/кнопок, которые в данный текущий момент отображаются на сайте, то скорее всего произошла перезапись, о которой я говорил выше. В таком случае вернуть настройки никак нельзя. Придется все делать заново.

  • eslo   23.08.2017

    Статья хорошая. А вот как сделать при наведение на картинку что с права левая картина изменила цвет ну типо правые варианты цветов а левая товар которая меняется в цвете.

  • Tod   23.08.2017

    eslo, я слабо понял о чем идет речь, если честно. Но раз вы упомянули товар, то вероятно на сайте имеется магазин. Нужно смотреть хаки/модули по движку магазина WooCommerce, если у вас установлен он. В принципе, вариативный товар в WooCommerce позволяет по умолчанию добавлять некоторые фотки для других цветов/размеров — посмотрите.

  • Антон   16.10.2017

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

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


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

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

Поиск:
Последние посты
Лучшее в категории

Облако тегов
Скажи свое мнение!

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

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

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