Nextgen GalleryNextgen Gallery – это очень интересный и полезный плагин для WordPress, который позволяет создавать красивые и динамичные галереи из ваших картинок или фотографий.

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

По большому счету, этот плагин позволяет вставлять картинки на блог. Раньше я уже рассматривал, как это делается средствами движка WordPress (в статье «Как добавить картинку на блог»). При этом возможности размещения существенно ограничивались количеством картинок – обычно это одна картинка за 1 раз, например вот так:

Горы - пример картинки

А теперь посмотрите на альтернативный способ отображения картинок (с помощью Nextgen Gallery), особенно когда их много:

Если вы сравнили эти два способа отображения, то теперь должны понимать в чем преимущество галереи, созданной плагином Nextgen Gallery.

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

Вот небольшая часть того, что может данный плагин:

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

  • В Визуальном редакторе создается кнопка с выпадающим меню для более простого создания галереи;
  • Создавать облако картинок (наподобие «Облака тегов»)
  • Возможность трансляции RSS ленты галерей (с новыми фотографиями)
  • Перемещение и копирование изображений между галереями
  • Вы можете группировать свои галереи в альбомы и регулировать местоположение в альбоме каждой галереи
  • Настройки размера автоматически создаваемых миниатюр, их качество, соотношение сторон (квадратные или пропорционально уменьшенные)
  • Загрузка zip архивов с изображениями и автоматическая распаковка архива на сервере в заданную папку галереи
  • Водяной знак: картинка или текст, местоположение водяного знака на фотографии регулируется, водяной знак можно ставить не на все фотографии
  • JavaScript эффекты: возможность использовать Thickbox, Lightbox или Highslide
  • Несколько готовых стилей CSS: просто активируйте подходящий и используйте! Можно создать собственный css файл или отредактировать существующий
  • Слайдшоу на основе Flash
  • Дополнительная вкладка во встроенном загрузчике для выбора и вставки в пост/страницу изображений из галерей (предприсмотр миниатюр)
  • Виджеты : слайдшоу, показ изображений в случайном порядке или только последние
  • Изображениям можно присваивать теги (метки) — галерея из фотографий с определенными метками создается на лету, при этом фотографии могут на самом деле «физически» принадлежать разным галереям
  • Управление метками для изображений (как в плагине Simple Tags)
  • Сортировка изображений в галерее: по алфавиту, ID или ваш собственный порядок миниатюр
  • возможности плагина можно посмотреть тут.

А теперь  давайте разберемся, как этот плагин работает.

Сначала нужно его скачать. Это можно сделать:

  • с англоязычного хранилища плагинов wordpress.org (прямая ссылка тут).
  • с русскоязычного хранилища плагинов mywordpress.ru (только перевод!)

После этого устанавливаем плагин или непосредственным копированием в папку с плагинами на хостинге, либо через админку блога: «Плагины» — «Добавить новый» — «Загрузка» — «Установить» — «Активировать».

Рисунок - Установка плагина All in One SEO

После установки и активирования плагина Nextgen Gallery в левой колонке админки блога появится новый раздел:

Nextgen Gallery

Кликаем по «Overview» и, в открывшемся главном окне плагина, устанавливаем русский язык.

Для этого в правой колонке кликаем по кнопке «Download» в разделе загрузки языка, а после обновления – кликаем по «Reload Page»:

Nextgen Gallery - установка русского языка

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

Кликаем по «Галерея»-«Настройки» и видим такую картинку:

Nextgen Gallery - настройка

Меню плагина Nextgen Gallery

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

1. Основные настройки – здесь все оставляем, как есть

2. Тамбнейлы – это маленькие копии ваших картинок, которые отображаются непосредственно на блоге (превьюшки) – тут тоже ничего не меняем

3. Изображения – если вы поставите галочку возле «Автоматически изменять размер изображений при загрузке» то плагин Nextgen Gallery будет изменять размер загружаемых картинок на значения, указанные в полях «Изменить размер изображений».

4. Галерея – здесь можно указать, сколько миникартинок будет выводиться на страницу («Количество изображений на странице»), количество колонок и рекомендую убрать галочку возле «Вставить слайдшоу» — последняя опция убирает ссылку над картинками, запускающую слайдшоу .

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

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

7. Слайдшоу – если у вас выводится слайдшоу – здесь можно указать его настройки.

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

Первым делом, идем в «Галерея»-«Добавить галерею/изображение» и даем имя новой галерее:

Nextgen Gallery - создание новой галереи

После этого вверху окна появится номер (ID) созданной галереи и будет предложено загрузить в нее картинки. Нажимаем кнопку «Обзор» и выбираем те картинки, которые мы хотим видеть в данной галерее.

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

Nextgen Gallery - загрузка картинок

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

[nggallery id=x] – если хотите добавить просто галерею
[slideshow id=x] – если хотите добавить слайдшоу

Вместо «х» ставить номер ID выбранной галереи, который отображается сразу после ее создания. Что бы его узнать, кликаете по ссылке «Галерея»-«Галерея», где отобразится весь список галерей и в первой колонке будет идти ID-номер каждой из них.

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

Nextgen Gallery - добавляем картинки через загрузчик WordPress

Что бы сильно не загромождать вас информацией, как пользоваться плагином nextgen gallery, на сегодня мы на этом остановимся.

А в следующей статье мы рассмотрим вопросы, которые относятся к настройке картинок, управление альбомом, выбор переходов между картинками и т.д. Кроме того, обязательно рекомендую ознакомиться со статьями «Flash Viewer — красивое дополнение к плагину Nextgen Gallery» и «SimpleViewer — создаем красивую и простую галерею на блоге».

На сегодня это все.

Желаю удачи!