Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п.
Текущее содержимое статьи является обновленной версией старой записи, которая была опубликована 8 лет назад. За это время список плагинов для картинок в Вордпресс стал уже совсем не актуальным, поэтому срочно требовал обновления. Кстати, в блоге есть отдельная метка по wordpress изображениям, где найдете более 40 заметок по данной теме с разными решениями, хаками и руководствами по теме. В этой публикации будут представлены только модули (с кратким описанием).
Вообще визуальная составляющая для веб-проектов является достаточно важной. В блогах графика в постах считаются неотъемлемой их частью, являются правилом хорошего тона и помогают привлекать внимание читателей. Если говорить о классических сайтах, то здесь кроме оформления плагины картинок в WordPress могут выполнять целый ряд других важных задач: они используются в портфолио, галереях, слайдерах, при создании миниатюр и т.п. Базовые функции системы справляются лишь с некоторыми из этих ситуаций, иногда без дополнительных модулей просто не обойтись.
В блоге уже было несколько узкоспециализированных подборок по плагинам Вордпресс изображений, вот ссылки на них:
- Отложенная загрузка картинок (8 модулей, а также сравнительное тестирование эффективности парочки из них).
- Горизонтальная карусель для логотипов (6 штук).
- Похожие посты с миниатюрами (5 вариантов).
- Создаем фото До и После (6 работающих решений).
В данной статье, как можете видеть из заголовка, собраны лучшие WordPress плагины картинок по разным направлениям — от фотоблогов до создания слайдшоу. Некоторые из них я уже рассматривал, поэтому в кратком описании буду ссылаться на соответствующие детальные обзоры.
NextGEN Gallery
NextGEN — единственный WordPress модуль изображений из прошлой подборки, что не просто сохранился за 8 лет, но и превратился в один из самых узнаваемых и популярных (его скачали более 1,5млн человек). Начиналось все с простого плагина для создания галереи, но теперь это полноценная система по управлению фотками на вашем сайте, где есть: добавление, группировка, сортировка фото, создание альбомов, миниатюр, импорт мета данных и многое другое.
NextGEN обладает широкой функциональностью, но при этом достаточно прост и понятен в работе через админку. В классической версии содержит 2 варианта галерей (с миниатюрами и через слайдшоу) + 2 типа стилей альбомов со множеством опций: оформление, размеры картинок, эффекты увеличения при просмотре и т.п. В PRO версии разных способов отображения контента еще больше.
BJ Lazy Load
Он, как и все остальные Lazy Load решения, позволяет ускорить загрузку вашего веб-ресурса. BJ Lazy Load показывает пользователям графику в статьях и дизайне сайта только когда прокрутка экрана до них доберется. В описании сказано, что поскольку данная технология поддерживает в том числе и с iframe, то вставки Vimeo или YouTube также будут обрабатываться. Хотя в подборке плагинов отложенной загрузки изображений есть специальный вариант для видео контента — Lazy Load for Videos (тоже недавно получил обновление).
Photo Gallery by WD
Продвинутая WP галерея со множеством настроек и 100% адаптивностью. В этом Вордпресс модуле к картинкам можно добавлять описания, теги, формировать из них альбомы. В галерее доступны несколько видов отображения: миниатюры, карусель и др. Есть поддержка видео и даже какие-то E-commerce функции для продажи принтов. Последняя и часть других фишек, как я понимаю, доступны в PRO версии, но и без них бесплатный релиз имеет весьма привлекательные возможности.
Responsive Lightbox by dFactory
Данный скрипт позволяет посетителям веб-проекта просматривать увеличенные версии картинок с помощью так называемого Lightbox эффект. Применяется как на отдельных изображениях, так и в галереях — для WordPress графики подключается автоматически. Самое полезное здесь — адаптация под мобильные девайсы. Модуль содержит много разных опций, виджеты, совместим с WooCommerce и Visual Composer. Простой, но функциональный инструмент.
FooGallery (Responsive Gallery)
Очень интересный и функциональный модуль, который совместно с другим решением этих же разработчиков позволяет сделать сделать галерею с браузером изображений и Lightbox увеличением. Сама по себе данная фотогалерея обладает большим числом настроек, поддерживает Gutenberg, здесь есть стрелочки/иконки для навигации, 6 типов отображения фотографий и 2 варианта для альбомов.
В админке все сделано максимально качественно — Drag n Drop файлов, импорт из NextGen, подключение своих CSS-стилей, использование шорткодов в любых редакторах. Реально неплохой продукт.
Easy FancyBox
Как и предыдущий, этот WordPress плагин изображений добавляет эффект Lightbox всем JPG, GIF и PNG картинкам на сайте. После установки основные опции найдете в разделе «Настройки». Кроме графики он также срабатывает для: видеоконтента (ссылки на Vimeo, Youtube, Dailmotion), флеш файлов, PDF, iFrames и в некоторых других случаях. Совместим с NextGEN. Также по теме могу упомянуть модуль jQuery Colorbox, что имеет меньше загрузок, но описание у него неплохое. Читайте обзор плагина Easy Fancybox.
MetaSlider
Достаточно функциональное и не сложное в работе решение для внедрения слайдшоу. Выбираете файлы из медиабиблиотеки или просто перетаскиваете их, устанавливаете заголовок, ссылки и другие детали. Возможность добавить линки на фотки — одно из приятных преимуществ (иногда попадаются такие задачи в работе).
Плагин поддерживает 4 разных типа слайдшоу: карусель Flex Slider 2, Nivo Slider с 16 эффектами и 4 темами, максимально легкий Responsive Slides и Coin Slider (первые 3 полностью адаптивны). Работа над модулем активно ведется, в нем много настроек, поддержка мультиязычности и т.п.
Responsive Slider – Image Slider
Достаточно популярный и мощный плагин Вордпресс изображений для создания слайдера. Вы можете добавлять сколько угодно картинок из своей библиотеки и создавать сразу несколько элементов на странице. Кроме графики допускается использование видео, шорткодов и виджетов. Модуль поддерживает HTML код в заголовке и описании, можете добавление URL линков, есть десятки разных опций, адаптивность. В принципе, по функциям все подобные слайдеры плюс-минус похожи.
Logo Carousel
Это один из самых скачиваемых вариантов из подборки слайдеров логотипов, но выбирать подходящее решение нужно зависимости о своих текущих задач. В Logo Carousel есть: возможность добавлять активные ссылки на лого, создание нескольких объектов на странице, использование шорткодов. Из интересных особенностей — эффект, когда изначально изображения отображаются в ЧБ, а при наведении в цвете (работает в современных браузерах).
Carousel Horizontal Posts Content Slider
В данном WordPress плагине картинки не выводятся как отдельные графические элементы, — слайдер содержит записи. Это отличная возможность представить посты в оригинальном виде, демонстрируя, например, последние новости. Кроме миниатюры в Posts Content Slider отображаются заголовок и краткий анонс. Слайдер «дружит» с мобильными устройствами, имеет навигацию, поддерживает виджеты и переводы. Есть десятки опций для его настройки. Весьма интересный модуль, как по мне.
Responsive Flickr Slideshow
Плагин не особо популярен, но в отличии от других разработок под Flickr, он предлагает плюс-минус нечто необычное. Вы сможете встраивать фото из ваших альбомов и подборок на сайт, демонстрируя их в формате слайдшоу. Реализуется все через специальный шорткод с заданными параметрами. Судя по названию и описанию, есть адаптивность.
Twenty20 Image Before-After
Один из плагинов из заметки про создание фото До и После в Вордпресс. Наверняка, вы слышали о таком эффекте. Twenty20 Image Before-After легко интегрируется в статьи через шорткоды либо вставляется через виджет. Интерфейс максимально прост, поддерживается Visual Composer. Картинки получаются адаптивными и доступны на всех устройствах. В описании на официальном сайте есть видео демонстрация настройки и работы.
Instagram Feed
Отображает фотки из одного или нескольких открытых Инстаграм аккаунтов либо из фидов. Совмещайте несколько источников в одном блоке. Здесь много разных настроек, поддерживаются полноразмерные фотки, имеется адаптивность. Под блоком фотографий найдете кнопку «загрузить еще», с помощью которой можете обновлять их бесконечное число раз. Есть также кнопка подписки.
Flickr Badges Widget
Для тех, кто не в курсе Flickr — один из самых древних, крупных и популярных фотохостингов, которым пользуются миллионы людей. Flickr Badges Widget — простой виджет на jQuery, позволяющий отображать в блоге подборки последних или случайных объектов из вашего Flickr аккаунта. Этот модуль картинок в Вордпресс содержит несколько опций настройки, систему табов и даже механизм кэширования. Из подобных решений это самое скачиваемое наряду с Meks Simple Flickr Widget.
Easy Watermark
У меня уже был детальный обзор этого Вордпресс модуля картинок для создания водяного знака watermark. Это неплохое функциональное решение я использую в текущем и некоторых других проектах. Не смотря на то, что оно не обновлялось около 2х лет, с новыми версиями системы работает стабильно. Нравится наличие множества фишек, например, допускается создавать водяной знак из текста или jpg / png / gif файлов, имеются настройки прозрачности, расположения watermark`а и т.п.
Auto Post Thumbnail
В блоге есть специальный раздел/тег про WordPress миниатюры — найдете там интересные статьи. Что касается этого модуля, то он автоматически создает Thumbnail из первой картинки в постах или других типах записей (если, конечно, такого элемента у публикации еще нет). Вы также можете сгенерировать миниатюры в уже существующих заметок.
Comment Images Reloaded
Этот плагин Вордпресс изображений позволяет добавить загрузку картинок в комментариях от пользователей. В некоторых случаях это пригодится, например, если при задании вопроса на странице тех.поддержки человеку проще продемонстрировать проблему с помощью скриншота.
В настройках Comment Images Reloaded можете указать максимальный вес загружаемого файла, выбрать размер отображаемой графики на сайте, запрещать/разрешать данную функцию для определенных записей и т.п. Дополнительно советую глянуть расширенный обзор модуля загрузки картинок в комментариях — там чуть более детально рассмотрены все его опции.
Related Posts Thumbnails Plugin for WordPress
Также миниатюры пригодятся вам в похожих заметках после статей — это поможет привлечь внимание читателей и к другим публикациям. В настройках задаете число выводимых элементов и выбираете алгоритм отбора схожих записей по категориям, тегам. Кроме фото выводятся анонсы (все, в принципе, традиционно).
Итого
Изначально думал переместить устаревшие Wordpress плагины для изображений из прошлой версии поста в самый конец дабы оставить их, так сказать, для ознакомления. Однако, как оказалось, из 20-ти подобранных в 2010 году, решений доступными оказались лишь 3. Некоторые последний раз редактировались 5-7 лет назад, но добрая их половина просто удалены из репозитория. Вот уж действительно непостоянная судьба у скриптов и модулей.
В дальнейшем данный список плагинов для картинок в Вордпресс обязательно будет пополняться. Я, в принципе, сразу мог разместить их здесь около 30-40 штук, но думаю, лучше будет отобразить из каждой категорий задач по 1-2 самых эффективных варианта. Переходите по дополнительным ссылкам в статье дабы найти остальные модули.
Если вы знаете другие интересные/полезные наработки либо заметили, что какой-то из плагинов перестал работать — пишите в комментариях.
комментариев 196 к статье “Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п.”
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Як сховати відсутні товари в Woocommerce шорткодах та схожих товарах
- Сервіс AdMaven + плагін для монетизації трафіка на WordPress сайтах
- Плагіни для створення стрічки новин з біжучим рядком в WordPress
- Як змінити розміщення кнопки оформлення замовлення в WooCommerce
- Плагін WHWS Display In Stock Products First – відображення товарів в наявності першими
- Підписка MonsterONE: чи варто використовувати цей сервіс у 2023 році? (+5 продуктів, які треба скачати в першу чергу)
- Онлайн генератор ссылок на мессенджеры для WordPress и не только
- WooCommerce (46)
- Безопасность (12)
- Видео (6)
- Виджеты (28)
- Возможности (141)
- Вопрос-ответ (6)
- Начинающим (52)
- Новости (46)
- Оптимизация (23)
- Плагины (246)
- Сервисы (87)
- Хаки и секреты (87)
- Шаблоны (45)
- Плагин WP-PostRatings рейтинга постов в WordPress (5,79 из 7, голосов - 934)
- 5 wordpress плагинов для кнопок социальных закладок (5,24 из 7, голосов - 42)
- Кэширование в wordpress — выбираем лучший плагин для кэширования (5,63 из 7, голосов - 35)
- 50+ лучших плагинов для WordPress сайта (5,71 из 7, голосов - 34)
- Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п. (6,07 из 7, голосов - 30)
- Лучшие плагины статистики в WordPress — просмотр посещаемости сайта и не только (4,65 из 7, голосов - 37)
- Обновление плагинов и тем в WordPress: автоматическое, через FTP, скрытие уведомлений (5,19 из 7, голосов - 31)
- Дизайн Мания - о веб-дизайне и не только.
- Tod's Blog - все про заработок онлайн.
- Вебдванольные заметки - обзоры веб-сервисов.
- Советы по выбору холодильника LG с технологией No Frost
- Зачем нужны Wi-Fi ретрансляторы и как выбрать подходящую модель
- Введение в онлайн-казино Slotor777: многообразие игр и привлекательные бонусы
- Необходимость использования облачного хранилища в наше время, что важно и как выгодно?
- Спрощення процесу звітності за допомогою програми BAS Бухгалтерія
- Технологія підключення інтернету GPON та її переваги
- За що гравці найбільше цінують Lineage 2
- Для каких проектов нужна аренда виртуального сервера и что такое VPS
Подскажите модуль!
Нужно что бы на миниатюру можно было добавлять надпись и картинку (ярлык) типа как в магазинах (скидки, акции и тд)
Руслан, для реализации этой идеи нужно смотреть в сторону CSS стилей. Для каждого поста есть свой уникальный Class. Нужно только поискать как в style.css прописывается вывод подобного ярлыка.
Руслан, задаешь в 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
За статью с подробными примерами — спасибо! Кое-что пригодилось!!
Привет. Может в курсе….
Я занимаюсь печатью фотографий, поэтому на сайт ищу плагин для пакетного добавления фотографий клиентами, во время оформления онлайн заказа. Важно, что бы можно было загрузить неограниченное кол-во фотографий и желательно не на хостинг сайта и на сторонний ресурс, например облачное хранилище.
Вот ссылка на страницу куда ищу эту форму suvenirka33.ru/fotopechat/pechat-foto/
Александр, такого плагина не встречал. Может, кстати, на самих сервисах хостинга изображений есть какие-то скрипты/виджеты для загрузки, код которых можно просто скопировать на сайт. Хотя, конечно, модуль — более удачное решение. Нужно искать.
Доброго времени суток, Вам!Если ли плагин с изображениями в которых можно влаживать ссылки в подпись картинки с дальнейшим переходом на сайт ?
Я использую NextGEN Gallery довольно таки давно мне нравится )
Хорошая галлерея Unite Gallery http://wp.unitegallery.net .Легко устанавливается и удобная в использовании.
Здравствуйте. Подскажите, есть ли плагин, который бы менял настройки и вид стандартной галереи ВП?
Yurez, для галереи есть достатчно мощный и популярный модуль — NextGEN Gallery. С другими я не работал.
Здравствуйте! Подскажите, пожалуйста, какой плагин для ВордПресса можно использовать на сайте для отображения своих фото из сервиса гоогле+ или подскажите в каком сервисе можно хранить фото и для него нормально работающий плагин вордпресса.
Хранила в гоогле через пикаса. К сожалению, пикаса перестал работать и перевели на гоогле+ автоматически меня….
Вера, к сожалению, с данным вопросом я пока не сталкивался. Поищите в гугле по запросу «google photos wordpress» или «google photos wordpress plugin» — в результатах есть парочка вариантов.
Возник такой вопрос:
необходимо разместить на странице несколько фото. Затем при нажатии на одно фото нужно открыть галерею тематических фото 3-4 штуки. И так на каждое фото на странице! Как это решить??
Владимир, либо создаете обычную галерею в WordPress и на картинки ставите соответствующие ссылки на другие страницы, либо находите специальный плагин галереи например NextGEN Gallery.
Не подскажете, как реализовать:
У меня картинки разложены по папкам, мне нужно, чтобы я мог из админки, при редактировании страницы выбирать эти картинки в виз. редакторе и вставлять на сайт.
По умолчанию можно выбирать только из картинок, загруженных на сайт через форму загрузки картинок..
St, к сожалению, с данной задачей не сталкивался. Если вам для галереи, то вроде бы в Nextgen Gallery был похожий функционал. Если для «точечной вставки», то такого точно не видел.
Подскажите тему на wp для создания фотобанка. Очень необходимо. Спасибо друзья!
Денис, нужно гуглить wordpress themes photo или wordpress themes gallery и тому подобные. Я пока что подборок по этой теме не делал.
Добрый вечер!
Я ищу плагин для WP как вот на этом сайте: vse-raskraski.ru/raskraski-iz-multfilmov/raskraska-alisa-v-strane-chudes
Так чтобы картинки открывались и можно было их распечатать или скачать.
Есть что то такое?
Спасибо большое!
Светлана, судя по коду, там используется Colorbox скрипт. Можете посмотреть в репозитории wordpress соответствующие модули — для WP есть сразу несколько решений. Хотя не исключено, что это личная разработка авторов сайта.
Отличная подборка, но я ищу плагин который бы вставлял в каждую картинку водяной знак, подскажите кто сталкивался с подобным.
Valer, для решения этой задачи можете использовать Easy Watermark, была когда-то статья в другом блоге про водяные знаки на картинках.
Добрый день.
Перерыл кучу плагинов, так и не нашел. Может плохо искал конечно)
Мне нужно реализовать лайтбокс с двумя колонками. В одной части простой текст, описание. А во второй карусель изображений.
Что можете посоветовать?
Рустам, по описанию это больше похоже на функционал модальных окон по типу Easy Modal, когда есть определенное содержимое, и выводите его во всплывающем окне. Если искать похожее в лайтбоксах, то вставка будет через iframe — нужно искать подобную функциональность. Но это все больше для «разовых» случаев, то есть сделать несколько блоков на сайте и запустить не проблема. Если вам нужна «постоянная» функция, например, для магазина где кликаете по товару и видите его описание+слайдер фото в лайтбоксе, то тут скорее всего придется дописывать какой-то плагин либо делать свой.
Здравствуйте! Установил Nextgen Gallery и сразу же на сайте поменялись шрифт, его цвет, цвет кнопок… Удаление плагина не помогло. Пробовал активировать другую тему, затем вернуться к прежней — результата нет. Подскажите, в чем может быть дело?
Егор, похожие симптомы наблюдаются при редактировании настроек дочерней темы для премиального шаблона — а именно слетают установленные стили оформления. Каким-то образом система перезаписывает базовый main-style.css. Единственный метод дабы быстро его восстановить — сохранять актуальную версию на компьютер или под другим именем дабы потом перезаписать обратно. Если такого сохранения нет, увы, восстановить последние настройки стилей не получится. Возможно, модуль Nextgen сделал похожую перезапись стилей.
Посмотрите файл стилей в вашей теме — если там установлены цвета шрифта/кнопок, которые в данный текущий момент отображаются на сайте, то скорее всего произошла перезапись, о которой я говорил выше. В таком случае вернуть настройки никак нельзя. Придется все делать заново.
Статья хорошая. А вот как сделать при наведение на картинку что с права левая картина изменила цвет ну типо правые варианты цветов а левая товар которая меняется в цвете.
eslo, я слабо понял о чем идет речь, если честно. Но раз вы упомянули товар, то вероятно на сайте имеется магазин. Нужно смотреть хаки/модули по движку магазина WooCommerce, если у вас установлен он. В принципе, вариативный товар в WooCommerce позволяет по умолчанию добавлять некоторые фотки для других цветов/размеров — посмотрите.
Добрый день, ищу плагин для прикрытия шокирующих изображений на странице. Подскажи как он может правильно называться.