Фотогалерея на wordpress — что может быть проще?! Стандартная галерея изображений WordPress и работа с ней

Здравствуйте, уважаемые читатели блога сайт. Сегодня я хочу поговорить о возможностях и настройках одного из самых популярных плагинов для WordPress — NextGEN Gallery, который, как, наверное, понятно из названия, позволяет вставлять на страницы вашего WP блога различные галереи, отдельные фотографии с возможностью их плавного увеличения, создавать и выводить целые альбомы с изображениями, добавлять к фотографиям водяные знаки, ну, и еще кое-что он может делать, но обо все по порядку.

Вообще, NextGEN Gallery мне довольно сильно напомнил популярное расширение для создания — Phoca Gallery. Он представляет из себя такой же мощный комбайн по удобному формированию и эффектному выводу фотогалерей, но только на страницы WordPress блога, а не на страницы Joomla. Да и водяные знаки он тоже умеет добавлять — пустячок, а приятно.

Возможности плагина NextGEN по выводу галерей в WordPress

Собственно возможностей у плагина NextGEN Gallery довольно много и они сводятся не только к созданию галерей в WordPress, хотя это он делает, на мой взгляд, отменно. Вообще, в полной аналогии с расширением Phoca Gallery для Joomla, он имеет свой собственный демо сайт, где вы сможете оценить все предлагаемые им возможности по выводу фотогалерей, слайдшоу, отдельных изображений, видео и т.д.

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

Причем, если вы обратите внимание, то увидите, что NextGEN Gallery может выводить слайд шоу и фотогалереи не только в области, отведенной в WordPress под тексты статей, но и в сайдбаре (), используя для этого свои собственные виджеты.

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

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

[ monoslideshow id=1 w=450 h=350 ]

В этом коротком коде в качестве ID нужно будет указать индивидуальный номер галереи, которую должным будет заранее создать в админке с помощью возможностей плагина (об этом читайте ниже). Также в этом коротком коде указан размер окна слайдшоу по ширине и высоте (не забудьте и свои , хотя бы в FastStone Image Viewer). Точно таким же образом можно вставлять в статьи Вордпресса и другие виды фотогалерей и одиночных изображений.

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

На демо сайте также можете посмотреть, как будет выглядеть галерея, созданная с помощью NextGEN. Причем, при ее выводе могут использоваться различные шаблоны плагина: Caption, Carousel, Example или GalleryView.

Еще этот плагин позволяет выводить на страницы блога не только галереи, но и их список (альбомы). Альбомы могут быть представлены в развернутом и в компактном виде (показан внизу страницы демо сайта). Там же приведены короткие коды для вывода списков фотогалерей (альбомов), которые отличаются только значением переменной «template».

Плагин NextGEN еще позволяет вставлять в статьи Вордпресса отдельные фотографии, при щелчке по которым будет происходить их плавное увеличении . Причем, можно добавлять к изображениям эффект отражения или же накладывать на них нужные вам водяные знаки.

Также у него имеется возможность создания галерей для просмотра по одной фотографии на странице. При этом возможен как простой вариант показа (Image Browser), так и вариант с отображением специальной информации по данному изображению (Exif support).

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

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

Установка и русификация плагина NextGEN Gallery

По идее, NextGEN сразу после установки уже должен работать на русском языке (языковой файл автоматически должен подгружаться с сайта разработчиков), но у меня почему-то так не вышло и его настройки отображались на английском. Поэтому мне пришлось скачать отдельный файлик русификации и закинуть его в соответствующую директорию плагина. Но обо все по порядку.

Скачать NextGEN Gallery вы можете с официальной страницы — . Установка его ничем не отличается от традиционной. Распакуйте скачанный архив «nextgen-gallery.zip» и скопируйте полученную папку в этот каталог:

/wp-content/plugins/

Для подключения к своему блогу по FTP я советую пользоваться FileZilla, которая подробно описана , ибо программа удобна, проста и надежна. Потом вам нужно будет зайти в админку WordPress, перейти на вкладку «Плагины» — «Неактивные» и найти NextGEN. Нажмите по ссылке «Активировать» под его названием.

В админке в самом низу левой колонки меню у вас появится новая область под названием «Галерея» или «Gallery», если плагин не был автоматически русифицирован. Во-втором случае, для того чтобы получить русский интерфейс, вам нужно скачать русский перевод (файл nggallery-ru_RU.mo"). После этого подключитесь к вашему блогу по FTP и загрузите этот файлик русификации в папку:

/wp-content/plugins/nextgen-gallery/lang

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

Добавление картинок и создание фотогалерей в WordPress

Как я уже упоминал чуть выше, туда вы сможете попасть из самого низа левого меню админки Вордпресса:

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

На первой вкладке «Добавить новую галерею» вам необходимо вписать в поле «Новая» ее будущее название. Его следует писать на латинице (лучше транслитом), а в случае, если у вас еще не создана соответствующая папка «wp-content/gallery/», то вам нужно создать ее, например, при помощи все той же программы FileZilla и обязательно установить с помощью этого FTP клиент , разрешающие запись и удаление информации из нее.

Если папка «wp-content/gallery/» у вас успешно была создана и имела права доступ 777, то плагин NextGEN Gallery отрапортует об успешном добавлении первой галереи с ID=1 и там же будет приведен короткий код (shortcode) для ее вывода на страницы блога:

Gallery ID 1 successfully created. You can show this gallery in your post or page with the shortcode

А если вы загляните через FileZilla в папку «wp-content/gallery/», то обнаружите внутри новую папку с тем названием, которое вы дали новой фотогалереи (именно поэтому я рекомендовал набирать ее название на латинице).

После создания новой галереи в настройках NextGEN Gallery вас перебросит на вкладку «Загрузить изображения», где вы сможете выбрать из выпадающего списка название фотогалереи, в которую будут добавлены загружаемые вами картинки, а затем нажать на кнопку «Обзор» и выбрать на своем компьютере одно или несколько фото (для их выделения удерживайте Shift или Ctrl на клавиатуре).

Для их загрузки нужно будет нажать на кнопку «Загрузить изображения»:

В результате вы увидите окно, в котором наглядно показан процесс загрузки выбранных вами фотографий на сервер вашего блога, а так же одновременно с загрузкой плагин создаст превьюшки этих фото, которые вы в случае необходимости сможете отредактировать в его настройках. Физически файлы превьюшек будут дислоцироваться по следующему пути «/wp-content/gallery/название/thumbs».

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

Хотя вы можете, например, заранее подготовить на своем компьютере папку с нужными изображениями для будущей фотогалереи и упаковать ее в Zip архив , который потом можно залить на сервер на вкладке «Загрузить Zip-файл» (где Zip архив автоматически распакуется). Неплохой вариант.

Размеры превьюшек можете изменить в настройках NextGEN, пройдя по следующему пути: «Настройки» — «Тамбнейлы». Задать размер для больших изображений (тех, которые будут открываться при щелчке по превьюшке) вы сможете на вкладке «Изображения». Вообще, покопайтесь — найдете там много интересного.

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

Позицию водяного знака на изображениях фотогалереи можно задать в области «Предварительный просмотр»:

Теперь давайте зайдем в настройки только что созданной нами Gallery.

Раз уж мы начали говорить о добавлении водяных знаков, то следует упомянуть о том, что для этого нужно будет поставить галочки напротив нужных фоток, выбрать из выпадающего списка вариант «Установить водяной знак» и нажать на кнопку «Применить». После этого превьюшки всех выделенных вами изображений, принадлежащих NextGEN, будут пересозданы с добавлением в них нужной надписи или логотипа.

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

Для того, чтобы изображения вашей галереи для WordPress могли бы , вам нужно будет добавить для каждого фото в столбце «Alt & Title текст / Описание» в верхнее поле так называемый ). В нижнее поле вы можете ввести описание к фотографии, которое будет отображаться при просмотре ее полноразмерного варианта.

Обратите внимание, что при просмотре списка галерей в настройках NextGEN Gallery, либо при просмотре изображений какой-либо отдельной фотогалереи, в первом столбце всегда будет указан ее ID или ID фото, которые могут вам понадобиться при вставке в статью слайдшоу или отдельной картинки с помощью коротких кодов.

NextGEN — вставляем в статьи галереи, слайдшоу и фото

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

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

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

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

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

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

Здесь в переменной ID вы указываете идентификатор нужной галереи с фотографиями, созданной вами ранее.

Для вывода альбомов нужно будет использовать следующий код:

или в компактном виде:

Для вставки галереи в WordPress понадобится прописать следующий короткий код:

Для вставки одного изображения, которое будет плавно увеличиваться при щелчке по нему мышью, нужно будет добавить при написании статьи следующий короткий код из арсенала NextGEN Gallery для вывода картинки с отражением:

или такого кода для вывода картинки с водяным знаком:

[ singlepic id=12 w=320 h=260 mode=watermark ]

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

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

");">

Вам может быть интересно

Simple Counters и Category and Page Icons - красивые счетчики RSS и Twitter, а так же иконки для категорий и страниц в WordPress
Comment Toolbar - добавляем в комментарии WordPress возможность ответа и цитирования
Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map)
Подсветка кода и кнопки форматирования комментариев в WordPress - SyntaxHighlighter и Comment Form
Google XML Sitemaps - создание карты сайта для WordPress Как в плагине Yet Another Related Posts убрать прозрачный пиксель http://yarpp.org/pixels и изменить надпись Похожие материалы

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

Такие проблемы можно решить, используя сторонние галереи для wordpress, обладающие более расширенными возможностями, чем стандартная фотогалерея.

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

Самые частые проблемы, которыми страдают многие плагины

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

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

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

Идеальный плагин фотогалереи должен включать 4 основных качества:

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

Выбор лучшего варианта для создания фотогалереи

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

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

Оптимизация

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

Интерфейс

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

Функционал

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

Экспорт и импорт

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

Envira – это очень легкий, но достаточно мощный плагин, обладающий всеми необходимыми функциями для создания полностью адаптивной фотогалереи, с начилием миниатюр, всего за несколько минут. В нем используется технология «Drug and Drop» для загрузки картинок, позволяющая удобно перетаскивать файлы в галерею, прямо с рабочего стола.

Оптимизация

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

Интерфейс

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

Функционал

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

Стоит отметить, что Envira имеет возможность расширения своего изначального функционала при помощи дополнительных, позволяющих добавить такие опции, как:

Различные шаблоны;
Защита паролем;
Добавление социальных кнопок;
Встраивание видео;
Создание слайдера;
Подключение Pinterest и многое другое.

Экспорт и импорт

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

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

Оптимизация

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

Интерфейс

Этот Photo wordpress gallery plugin имеет собственный интерфейс, отличающийся от привычного для WordPress. Новичкам придется тщательней в нем разбираться, на что понадобится не очень много времени, поскольку опции здесь располагаются в интуитивно понятных местах. Не смотря на большое количество тонких настроек, у них присутствуют исчерпывающие описания. Кроме того, все они имеют множество локализаций на различные языки, включая перевод на русском.

Функционал

Photo Gallery предоставляет очень широкий выбор функций, позволяющий настроить все мелочи под себя. В нем присутствуют такие полезные функции, как:

Настройка миниатюр;
Компактный вид альбомов;
Расширенный вид альбомов, с подробным описанием;
Поиск по картинкам;
Изменение размера изображений;
Поддержка видео из YouTube и Vimeo;
Сортировка изображений.

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

Экспорт и импорт

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

Вывод

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

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

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

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

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

Что не так с большинством WordPress плагинов по созданию фотогалерей?

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

Другая проблема – это сложность в работе. Очень часто плагины перегружены опциями и сложны в понимании, особенно для новичков. Большой выбор функций – это не всегда хорошо и совсем не означает, что перед вами хороший продукт.

И последнее, но не менее важное, большинство плагинов не создают .

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

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

Кандидаты на победу или лучшие WordPress плагины по созданию фотогалерей

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

Envira Gallery
Foo Gallery
NextGEN Gallery

Давайте начнем сравнивать! Поехали!

Скорость

Скорость имеет решающее значение при выборе плагина, т.к. она влияет на пользовательское впечатление о сайте и на его SEO.

Если у вас сайт портфолио или сайт, где основной контент – это фотографии, то вы не имеете право не брать в расчет показатель скорости. Я протестировал все эти плагины, создавая галерею и используя одни и те же изображения, не внося никаких изменений в настройки. И вот такие получились результаты:

Как вы видите из результатов, лучший показатель при использовании плагина Envira Gallery, несмотря на то, что вес страницы при этом почти в два раза больше, чем у плагинов NextGEN и Foo Gallery.

Причина того, что у Enivra Gallery лучший показатель – это хорошая кодировка и высокая оптимизация под скорость. Так что выбор очевиден – для лучшей скорости загрузки страниц с фотогалереями используйте плагин Envira.

Простота в использовании

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

Envira Gallery

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

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

Также плагин Envira Gallery отображает тег шаблона, который можно использовать в шаблонах WordPress. Это очень удобно, если вы разрабатываете сайт для клиента и хотите включить галереи прямо в файлы темы.

Foo Gallery

По строению Foo Gallery очень похож на Envira Gallery. Создать галерею здесь очень просто через интерфейс, предельно схожий с админкой WordPress.

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

Отличие здесь лишь в том, что Foo Gallery не тега для вставки галереи непосредственно в файлы темы или шаблона.

NextGEN Gallery

NextGEN отличается от двух вышеописанных плагинов: у него совсем другой интерфейс, со своими таблицами базы данных и отдельными папками для хранения изображений. Из-за своего непривычного вида для WordPress плагин может показаться запутанным и сложным в работе.

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

Победитель: победа с небольшим перевесом опять присуждается плагину Envira Gallery, на втором месте с минимальным отставанием – плагину Foo Gallery. NextGEN будет очень непривычен для новичков, поэтому покажется непонятным.

Функционал

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

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

Envira Gallery

Envira Gallery идет как полностью адаптивный плагин, где не придется ничего специально для этого настраивать.

Это означает, что с одного интерфейса вы сможете легко задать миниатюры, анимацию, макеты галереи, добавить мета-теги к изображениям.

Помимо встроенных функций в плагин можно добавить дополнительные опции, установив аддоны, как например: шаблоны галерей, социальные кнопки, видео, защита паролем, альбомы, слайд-шоу, pinterest, внешнее связывание (диплинкинг), полноэкранный режим, теги к изображениям и многое другое.

Foo Gallery

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

Другое упущение – в стандартном наборе нет лайтбокса, его можно получить, лишь установив бесплатный смежный плагин Foobox. Как мне кажется, эта функция должна быть в основном наборе.

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

NextGEN Gallery

NextGEN Gallery – это самый старый плагин из трех здесь представленных. У него очень обширный функционал. Многие функции, которые доступны у Envira и Foo лишь при добавлении аддонов, здесь идут по умолчанию. У данного плагина есть также платные версии, где еще больше опций.

Однако стоит понимать, что работа со многими функциями требует определенного опыта и знаний, чего нет у новичка, делающего первые шаги в веб-разработке. Вам придется поковыряться в функционале, почитать соответствующую литературу, чтобы по достоинству оценить, а главное, суметь воспользоваться всем тем, что предлагает плагин NextGEN.

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

Совместимость

WordPress позволяет переместить сайт с одного хостинга на другой и даже на конкурирующие альтернативные платформы.

Поэтому давайте оценим плагины по возможности легко импортировать/экспортировать и делать резервные копии фотогалерей.

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

импортировать/экспортировать отдельные фотогалереи, так что вы сможете легко перенести фотогалерею с сайта WordPress на другой.

При переносе сайта плагин автоматически определит это и предложит опции по переезду. Все эти характеристики делают Envira Gallery самым надежным WordPress плагином для создания фотогалерей.

Foo Gallery

Как и Envira плагин Foo Gallery хранит фотогалереи в базе данных WordPress, как пользовательский тип записи. Сделав бэкап сайта, вы автоматом создадите резервные копии фотогалерей.

Однако вы не сможете перенести отдельные галереи с одного места в другое, т.к. у плагина нет функций по экспорту/импорту галерей.

NextGEN Gallery

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

Также NextGEN хранит изображения в отдельной папке. Если вам нужно будет сделать резервную копию – вам придется отдельно загрузить эту папку в свой компьютер.

Оба плагина Envira и Foo Gallery также могут импортировать свои изображения.

Победитель: у плагина Enivra Gallery более полный набор инструментов для легкого импорта/экспорта фотогалерей.

Цена

У всех этих трех плагинов есть бесплатные версии, доступные в каталоге плагинов WordPress, также доступны расширенные версии за дополнительную плату. Цена зависит от пакета услуг, который вы хотите выбрать, после пользования бесплатными версиями.

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

Вывод

Envira Gallery – это лучший WordPress плагин для создания фотогалерей. Он предельно понятный, быстрый, идет со всеми необходимыми функциями и при этом полностью адаптивный. Фотогалереи созданные с его помощью эффектны и не перегружают страницу.

Надеюсь, я помог вам разобраться в WordPress плагинах для создания фотогалерей и вы теперь знаете, какой из них самый лучший и почему. А каким плагином пользуетесь вы? Оставьте ответ в комментариях или напишите мне на почту.

Не забывайте подписываться на меня и, конечно, делитесь статьей!

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

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

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

(8 модулей, а также сравнительное тестирование эффективности парочки из них).
(6 штук).
(5 вариантов).
(6 работающих решений).

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

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

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

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

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

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

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

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

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

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

Responsive Slider – Image Slider

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

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

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

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

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

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

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

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

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

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

Итого

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

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

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