WordPress nextgen gallery album: выводим галерею с помощью [nggalbum]

25 марта 2014

Один из самых удобных плагинов для организации фотогалереи для создания информационных сайтов на WordPress - nextgen gallery (официальный сайт). Nextgen gallery является мощным и достаточно гибким инструментов для вывода разных форм изображений на сайте, будь то галерея, слайдер или отдельное изображение. Управление плагином интуитивно понятно и обычно не вызывает затруднений (особенно учитывая огромное количество мануалов и тематических материалов в сети).

Однако вывод категорий изображений с помощью группирования в альбомы является не столь популярным (совершенно напрасно!), как вывод изображений с помощью шорткода [nggallery].

Организация изображений с помощью nextgen gallery album

Мы будем создавать альбом nggalbum (в нашем случае альбом нужен для вывода изображений из галереи "шторы для ванной") в два этапа:

  1. Подготовка изображений.
  2. Подготовка страниц для отображения нашей галереи.

Подготовка изображений для организации альбома с помощью nextgen gallery album:

  • создаем галерею (запоминаем ID нашей галереи - 3);
  • добавляем в галерею нужные изображения (не используйте кирилические названия и избегайте пробелов в названиях изображений).

Подготовка страниц для отображения nextgen gallery album:

  • Создадим новую страницу с названием "Шторы для ванной", в которой выведем свежесозданную галерею с помощью шорткода [nggallery id=3] (не используйте кавычки и лишние пробелы).

nggalbum - вывод альбома

Перейдем к редактированию альбомов в nextgengellery.

1. Создадим новый альбом: для этого достаточно написать его название в соответствующем поле и нажать "Создать" (запоминаем ID нашего альбома - 5).

nggalbum - создать новый альбом

2. Отредактируем описание новосозданного альбома.

nggalbum - редактирование нового альбома

3. Добавим описание и ссылку на изображение (для этого нужно установить курсор в поле "Выберите изображение").

nggalbum - ссылка на превью-изображение для альбома

4. Добавим ссылку на нужный нам материал (в нашем случае это созданная в первом этапе страница "Шторы для ванной").

nggalbum - ссылка на страницу альбома

Теперь, когда наш альбом создан, создадим страницу для отображения категорий альбомов (в нашем случае это страница "Галерея"): для этого добавим на страницу следующий шорткод [nggalbum id=1,2,3,4,5 template=compact], где ID - это айди альбома, а template=compact - шаблон краткого (только изображение и название) отображения альбома (template=caption - изображение и краткое описание, template=extend - изображение, название и полное описание альбома).

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

nggalbum - галерея альбомов

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

nggalbum - сортировка альбомов

Nextgen gallery отображает шорткод

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

  • проверьте шорткод на наличие лишних пробелов;
  • попробуйте убрать все лишние кавычки;
  • убедитесь, что в шорткоде указан корректный ID (его можно проверить на странице настройки галереи);
  • проверьте правильность синтаксиса шорткода (список шорткодов можно найти на официальном сайте nextgen gallery);
  • убедитесь, что в названии изображений нет кириличных символов и пробелов;
  • проверьте разрешения на папки внутри директории плагина.