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

Возможности плагина NextGEN Gallery

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

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

Ну как вам! Правда здорово!

Если данный плагин заинтересовал Вас, тогда переходим к его установки.

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

Для начала давайте скачаем его:

Скачать плагин NextGEN Gallery с оф. сайта wordpress.org или с www.imagely.com

Скачали? Теперь можно переходить к непосредственной установке его:

Устанавливается NextGEN Gallery как обычно: распаковываете скачанный zip архив «nextgen-gallery.zip» и копируете папку «nextgen-gallery» в папку с плагинами вашего блога: /wp-content/plugins/

Для того, чтобы подключиться к своему блогу по FTP я обычно использую программу FileZilla – она проста, удобна и надежна.

После того как вы закачали плагин на свой блог, его нужно активировать, для этого в админку WordPress, перейдите на вкладку «Плагины» - «Неактивные», найдите NextGEN Gallery и нажмите на ссылку «Активировать». С этим я думаю у вас проблем не возникнет!

После активации плагина в нижнем левом углу админки WordPress у вас появится новая область — «Галерея» или «Gallery», если вы скачали плагин не смоего блога.

Русификацию для плагина можно скачать на странице:

http://code.google.com/p/nextgen-gallery/downloads/list?q=label:Translation (скачайте файл nggallery-ru_RU.mo»). После этого снова по FTP подключитесь к вашему блогу и загрузите данный файлик в папку: /wp-content/plugins/nextgen-gallery/lang , после этого все настройки плагина будут на русском языке.

Теперь переходим к следующему пункту:

NextGEN Gallery — Настройка.

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

Из меню админки WordPress выберем пункты «Галерея» - «Загрузить галерею / изображения»:
В открывшейся странице «Добавить новую галерею», в поле «Новая галерея» вам нужно вписать название Вашей будущей галереи (писать нужно на латинице (лучше транслитом)), которую вы затем сможете выводить на страницах своего блога и затем нажать «Добавить галерею»:

После этого плагин NextGEN Gallery должен сообщить Вам об успешном создании галереи с ID=1 и там же присвоит её короткий shortcode — [ nggallery id=1 ] (без пробелов до и после квадратных скобок) при помощи которого данную галерею можно будет вывести на любые страницы блога (см. рисунок ниже).
А в случае, если у вас не создалась папка «wp-content/gallery/ », тогда вам нужно будет создать ее самим и становить на неё права доступа — 777 (как установить права доступа на папку при помощи FileZilla — статья в разработке). А затем снова повторите создание галереи.

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

Перед вами откроется окно проводника windows? В котором нужно найти и выбрать нужные изображения (для выделения нескольких изображений удерживайте на клавиатуре клавишу Ctrl или Shift) и затем нажать на кнопку «Открыть»:

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

Кстати, чуть не забыл — одновременно с загрузкой изображений плагин NextGEN Gallery создаёт и их превьюшки (которые располагаются по следующему адресу «/wp-content/gallery/название-галереи/thumbs»), при необходимости в настройках плагина Вы всегда можете отредактировать их.
Теперь нажмите на ссылку: «Редактировать галерею» и вы попадёте на страницу редактирования галереи, здесь вы сможете ввести Alt, Title (рекомендую сделать это, для того чтобы загруженные вами изображения участвовали в поиске), метки для изображений, установить на них водный знак, ввести описание для всего альбома, указать его обложку и т.п.:

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

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

Ну а теперь перейдём к общим настройкам:

Для этого перейдите по вкладкам «Галерея» - «Настройки» и попадаете на страницу «Главные настройки »:

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

Теперь пробежимся по остальным настройкам:

- «Миниатюры ». Здесь вы можете задать размер и качество первюшек больших изображений, лично я оставил всё по умолчанию.

- «Изображения ». Здесь Вы можете изменить размеры выводимых в галереи изображений и поставить галочку в чек бокс «Automatically resize» — чтобы плагин при загрузке в галерею атоматически изменял размеры изображений.

- «Галерея » — Здесь я изменил значение поля «Количество изображений на странице» на значение ноль, для того чтобы на странице вывода галерее были показаны все изображения из неё, а также в поле «Добавить слайдшоу» изменил поля и на «Показать как слайд-шоу » и «Показать список изображений », а всё остальное оставил по умолчанию.

- «Эффекты » — Ну здесь думаю всё понятно, выбираете любой нужный вам эффект.

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

А чтобы установить водяной знак на изображения галерей нужно выбрать пункты «Галерея» - «Галереи», далее щелкнуть по названию нужной фотогалереи. В открывшемся окне отметить изображения, на которые вы хотите наложить водяной знак, затем в выпадающем меню выбрать пункт «Установить водяной знак» и затем нажать на кнопку «Apply» («Применить»):

Перед вами появиться окошко подтверждения действия, нажимаете «OK»
Внимание! Водяной знак накладывается на изображение навсегда.
Для того чтобы проверить добавился ли водяной знак на изображения, щелкнете по ссылке «Смотреть»:

Обратите внимание: ID изображений указаны в левом столбце.

А ID нужной галереи можно узнать зайдя во вкладки «Галерея»-«Галереи» (отображается в левом столбце):

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

- «Слайдшоу » — Здесь я изменил «Размер по умолчанию (высота х ширина)» под контент блога (у меня 603х603), поставил чекбокс на против пункта «Enable flash slideshow», для того работали Flash слайд-шоу и в поле «Путь к Imagerotator (URL)» указал url до файла imagerotator.swf. Если вы скачали плагин с моего блога, то в поле «Путь к Imagerotator (URL)» укажите: http://Ваш-домен.ru/wp-content/plugins/nextgen-gallery/imagerotator/imagerotator.swf.

NextGEN Gallery - вставка галереи, слайдшоу и отдельных изображений в статьи WordPress.

Открываем или создаем новую запись (страницу), набираем текст если нужно, далее щелкаем по кнопке: Добавить галерею NextGEN:
В результате перед Вами появится всплывающее окно с тремя вкладками: галерея, альбомы, изображения: Перейдите на нужную вам вкладку и из выпадающего списка выбираете нужное вам, допустим нам нужно вставить галерею с изображениями, тогда во вкладке «галерея» поставите галочку напротив нужного Вам способа показа изображений и нажмите на кнопку «вставить»:

В месте где у вас стоял курсор (в окне ввода текста), появится shortcode плагина NextGEN Gallery, который и будет формировать вывод Вашей галереи в статье или на странице WordPress:

В принципе, можно обойтись и без визуального редактора. Прейти в режим HTML и в место где нужно вывести галерею, картинку или альбом с изображениями вставить короткий shortcode плагина NextGEN Gallery с нужными параметрами.
Например:
Для вставки в статью (страницу) одного изображения, которое при щелчке мышью по нему, будет плавно увеличиваться, нужно вписать следующий shortcode:
[ singlepic id=N h=высота w=ширина mode=web20 ]
А для вывода списка альбомов (галерей) в подробном виде:
[ album id=N template=extend ] без пробелов до / после скобки.
Подробнее о всех кодах можно узнать здесь: www.imagely.com/docs/demos-of-all-nextgen-gallery-types/

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

Ну и это ещё не всё!

Так же, если ваша тема поддерживает виджиты, тогда вы можете украсить свой блог при помощи виджета: слайдшоу NextGEN либо при помощи NextGEN миниатюры .
Для этого перейдите во вкладку «Внеший вид» — «Виджеты» и добавьте данный виджет в нужный сайтбар:

На сегодня всё! Жду Ваших комментариев!
Удачи вам в создании своей фотогалереи.
До скорых встреч друзья!

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

Размер иконки по умолчанию

Размер иконки по-умолчанию в NextGEN Gallery составляет менее 100px и смотрится довольно куцо. Лучше сразу установить его хотя бы в 150px и добавить обрезку до квадратной формы. В зависимости от темы размер иконки можно увеличить до 200px.

Экономия места на сервере

Файлы фотографий современных цифровых фотоаппаратов имеют весьма ощутимый размер, легко доходящий до 20МБ и более у каждой картинки. При этом многие пользователи выкладывают такие файлы на свой сайт без всякой предварительной обработки, не задумываясь о том, что место на сервере очень скоро закончится и придется платить за дополнительные гигабайты. При создании встроенных в WordPress галерей эту проблему успешно решает плагин Resize Image After Upload (http://wordpress.org/plugins/resize-image-after-upload/), позволяющий автоматически уменьшать оригинал загруженного изображения до нужного вам размера, однако с NextGEN Gallery он не работает. К счастью в NextGEN Gallery есть встроенная возможность применять пакетное изменение размера к группам выбранных картинок: операция Resize Images на вкладке Manage Galleries .

При этом размер файлов уменьшается даже не на порядок, а на порядки. Чтобы экономия места при этом действительно состоялась, придется пожертвовать некоторой безопасностью применительно к своим исходным фотографиям: по умолчанию в NextGEN Gallery включено сохранение резервных копий загруженных изображений. Эту опцию лучше отключить и тогда место на сервере действительно удастся существенно сэкономить, сейчас она называется Backup the original images .

Водяные знаки и невозможность сохранить настройки в «Other Options»

Водяные знаки на изображениях – почти непременный атрибут, используемый для сохранения авторских прав на изображение и для дополнительного напоминания о его источнике тем, кто его себе скачает и сохранит. В галерее NextGEN Gallery есть замечательная возможность производить пакетное добавление водяных знаков как из текста, так и из заранее заготовленного файла изображения в формате PNG с прозрачным фоном. Однако в последних версиях фотогалереи здесь может поджидать неприятный сюрприз: иногда может возникнуть ситуация, когда настройки водяных знаков вдруг перестанут сохраняться. И не только они, но и вообще любые настройки, находящиеся на вкладке Other Options . Я столкнулся именно с такой проблемой и отправился за решением в англоязычный сегмент Интернета.

Оказалось, что с подобной проблемой, когда дополнительные настройки (вкладка Other Options) NextGEN Gallery не сохраняются, сталкивались очень многие, а некоторых даже выбрасывало при попытке сохранения на главную страницу. Среди многочисленных советов, как решить эту проблему, я обратил внимание на один, данный одним из разработчиков: он советовал удалить языковой файл, если тот был создан для плагина галереи. Прочитав об этом, вспомнил, что пытаясь облегчить жизнь пользователям сайта, тоже сделал файл с переводами наиболее часто используемых разделов и команд. Попробовал его удалить и – о чудо, настройки стали сохраняться! Кстати, многие также не рекомендовали изменять Permalink slug по-умолчанию (nggallery) и использовать собственные шаблоны.

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

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

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

В общем пошел в интернет, обратился к известным seo блогам, чтобы найти самый функциональный плагин – чаще всего упоминается NextGEN Gallery. Как пользоваться им описано в общих чертах, я же решил написать детальную инструкцию об установке, настройке, и установке галерей на блог WordPress. Скачиваем плагин по этому адресу – http://wordpress.org/extend/plugins/nextgen-gallery/, его установка обычна, проходит без проблем.

После активации плагина WordPress NextGEN Gallery Вы увидите новый виджет – меню в левой колонке внизу администраторского раздела.

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

Создание галереи с помощью плагина NextGEN Gallery.

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

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

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

После того, как создали первую галерею, появляется новая вкладка “Upload Images”(черная стрелка). В выпадающем списке(малиновая стрелка) выбираю название созданной галереи. Если на блоге будет создано очень много галерей, будьте внимательны, чтобы фотографии загрузить именно в ту галерею, которую нужно. Затем нажимаю кнопку(красная стрелка) для выбора файлов, которые подлежат перемещению в каталог галереи на сервере.

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

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

Можно выполнить загрузку фотографий из архива, но и тут существуют ограничения: архив должен быть в zip формате, его объем должен быть меньше 2 Мб. Пожалуй, ограничение размера архива не очень практично. Ведь только одиннадцать файлов поместилось в такой файл-архив, но они не самого высокого качества. А если нужно загрузить пакетом 100 фотографий или 20. Тогда нужно создавать несколько архивов, поочередно загружать, при этом создавать такие архивы и следить, чтобы не попали туда фотографии-дубли: сортировать, отбирать, удалять, архивировать несколько папок. Экономия времени и простота создания галерей плагином NextGEN Gallery с помощью пакетной загрузки файлов – сомнительно, по крайней мере для меня.

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

Где находятся фотографии, которые загружает плагин NextGEN Gallery для наших галерей?

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

С помощью FTP – клиента зайдите на свой блог WordPress, пройдите в каталог wp-content, найдите каталог gallery. Его создает плагин NextGEN Gallery автоматически после его установки и активации. Зайдите и в него, и у Вас должны отобразиться все каталоги, которые появляются во время создания новой галереи. К примеру, я создал галерею avtoprobeg, в папке же сразу появилась новая папочка с названием avtoprobeg (обведена красной рамкой). Откройте и ее

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

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

Как управлять галереей, которая создается с помощью плагина NextGEN Gallery.

После загрузки фотографий, я должен настроить созданную галерею. Для этого есть раздел Управление Галереями.

Ничего сложного, заходите в него, выбираете нужную галерею, кликаете на ее названии и работаете с ней сколько душе будет угодно.

Первое, по умолчанию в заголовке галереи прописывается ее название(1), Описание – пишется любой текст с ключевыми словами к посту, к которому буду прикреплять эту галерею(2). Где размещаются фотографии указывается в поле 5. Эта строка не редактируется здесь, а размещена для информирования.

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

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

На этом скриншоте отображается продолжение панели настройки созданной галереи, уже прописали название и описание для нее, теперь нужно поработать с самими фотографиями. Как видно из скриншота, формат загруженных фотографий плагин отображает корректно(8), и их количество совпадает с количеством загруженных файлом, это уже хорошо. Опять же я могу прописать атрибуты файлов(9), когда браузер загрузит страницу с этой галереей, эти атрибуты будут видно при просмотре кода страницы, в обычном режиме они не должны быть доступными для читателей блога. Разве что-то пойдет не так, и фотографии не будут загружаться в окне брузера. В общем я их прописываю для поисковых роботов, работы не много, но надеюсь, что помогу продвижению страницы в и блога в целом. Точно так же поступаю с полями Tags (10) – пишу несколько ключевых слов. И вот так для каждой фотографии, что загружена в галерею.

Очень интересный инструмент Sort gallery (11) – Вы и я имеем возможность установить свой порядок вывода фотографий в галерее NextGEN Gallery, ведь сами фотки могут сортироваться автоматически, по названию, и такой порядок не всегда совпадает с хронологией событий. Тогда нажмите кнопку и в появившемся окне путем перетаскивания изображений установите нужный порядок отображения их в Вашей галерее.

Так вот сортировка выполняется автоматически по параметрам, которые указаны в списке(13), вы же можете расположить фотографии в ручном режиме(14). Для этого нужно навести курсор мышки на изображение, которое желаете переместить в другое место, нажать правую кнопку манипулятора, и перетащить его в новое место, когда увидите вот такую черненькую полосочку(14), отпустите кнопку мыши. Выполняйте сортировку изображений до тех пор, пока не достигните нужных результатов. Не забудьте сохранить внесенные изменения (15), и затем только возвратиться в панель настройки галереи(16), которую создаем с помощью плагина NextGEN Gallery.

Последнее довольно таки мощный инструмент Bulk actions (12).

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

Как вставить галерею NextGEN Gallery в пост блога?

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

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

Здравствуйте, уважаемые читатели блога сайт. Сегодня я хочу поговорить о возможностях и настройках одного из самых популярных плагинов для 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 возможность ответа и цитирования Как в плагине Yet Another Related Posts убрать прозрачный пиксель http://yarpp.org/pixels и изменить надпись Похожие материалы
Подсветка кода и кнопки форматирования комментариев в WordPress - SyntaxHighlighter и Comment Form
Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map)
Google XML Sitemaps - создание карты сайта для WordPress
Calendarize it! - Календарь мероприятий для WordPress
Снижение потребляемой в WordPress памяти при создании страниц - плагин WPLANG Lite для подмены файла локализации
Не отправляется почта из WordPress и не работает визуальный редактор - решение с помощью плагинов Configure SMTP и Post Editor Buttons
WP-PageNavi - постраничная навигация для блога на WordPress — установка, настройка и изменение внешнего вида пагинации
Хлебные крошки в WordPress средствами плагина Breadcrumb NavXT (усиливаем перелинковку)

На чтение 5 мин. Опубликовано 13.06.2016

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

У вас будет на выбор несколько вариантов отображения галереи:

– NextGEN Basic Thumbnails, стандартная галерея.

– NextGEN Basic Slideshow, слайд-шоу.

– NextGEN Basic ImageBrowser, браузер галерея.

– NextGEN Basic TagCloud, галерея в виде облака тегов.

– NextGEN Basic Compact Album, компактная галерея.

– галерея в виде альбома.

Установить плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

После установки и активации плагина, перейдите на страницу: Галерея – Настройки галереи . Здесь вы сможете настроить основные параметры для всех галерей.

– NextGEN Basic Thumbnails, здесь вы можете указать сколько изображений будет отображаться на одной странице. Можно указать сколько будет изображений в одном ряду. Можно выбрать шаблон галереи. Можно включить функцию переключение страниц через AJAX. Остальные настройки можно не менять. Наведите курсор мыши на обозначения параметра и вам покажут окно пояснениями.

– NextGEN Basic Slideshow, здесь можно задать максимальные размеры изображений, выбрать для изображений эффект (поэкспериментируйте с эффектами), можно задать интервал между изображениями, можете включить или отключить показ ссылок миниатюр.

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

– NextGEN Basic SinglePic, здесь можно задать параметры для показа одного изображения.

– NextGEN Basic TagCloud, укажите максимальное отображение тегов в галереи, выберите шаблон.

– NextGEN Basic Compact Album, здесь можете выбрать как будут отображаться галереи в альбоме, можно указать сколько изображений будет на одной странице. Можно включить хлебные крошки (breadcrumbs), всё остальное можно не менять.

– NextGEN Basic Extended Album, те же настройки что и у предыдущего альбома, только здесь более расширенный альбом.

– Настройки изображений, здесь можно оставить всё как есть, при желании можете перенастроить параметры под себя.

– Параметры миниатюр, можете установить максимальные размеры для миниатюр изображений.

– Эффекты Lightbox, здесь вы можете выбрать эффект для открытия изображений в лайтбокс окне. С эффектами можете поэкспериментировать.

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

– Стили, здесь можно ничего не менять, оставьте всё как есть.

– Распределение привилегий, здесь вы можете указать кому открыт доступ к параметрам плагина Nextgen Gallery.

– Прочие настройки, здесь вы можете добавить ссылку RSS в галерею, можно очистить кэш изображений и т.д.

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

Сохраните сделанные изменения.

На странице Теги вы можете :

– Переименовать существующие теги.

– Удалить существующие теги.

На странице – Управление Альбомами, вы можете создавать альбомы и добавлять к ним галереи.

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

Создание новой галереи

Чтобы создать новую галерею, перейдите на станицу: Добавить Галерею/Изображения.

1 – укажите имя новой галереи.

2 – нажмите на кнопку Добавьте файлы, чтобы загрузить изображения с компьютера.

3 – нажмите на кнопку Начать загрузку, чтобы загрузить изображения в галерею.

После чего у вас создастся новая галерея. Здесь вы можете импортировать уже готовую папку с изображениями в вашу галерею. Выберите папку и нажмите на кнопку – import/gallery . Обратите внимание, если вы поставите галочку, чтобы оставлять изображения в исходной папке, то при удалении галереи все изображения удалятся из исходной папки.

На странице галереи вы сможете изменить основные параметры галереи – заголовок, описание, расположение галереи, ссылку на страницу, изображение обложки. Можно исключить любое изображение из галереи.

Добавление через запись или страницу

Откройте для редактирования или создайте новую страницу или запись. В визуальном редакторе wordpress у вас появится новая зелёная кнопка для добавления галереи. Нажмите на данную кнопку.

Далее, в открывшемся окне выберите вариант отображения галереи. На вкладке – Что вы хотите отображать , нажмите по полю Галереи и выберите галерею которая будет отображаться на данной странице. Нажмите на кнопку – Сохранить .

Опубликуйте или обновите страницу, перейдите на сайт. На сайте будет отображаться готовая фото галерея.

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