NextGEN Gallery - найпопулярніший WordPress плагін для фото

Галерея NextGEN — найпопулярніший плагін фотогалереї для WordPress, і, враховуючи більше 6 мільйонів завантаженьЦе один з найпопулярніших WordPress плагінів в принципі. NextGEN дозволяє створювати красиві галереї, у нього багато можливостей: завантаження великих зображень, угруповання галерей в альбоми і багато іншого. Ми покажемо, як розпочати роботу з цим популярним і потужним плагіном, як використовувати NextGEN для створення галереї та її розміщення всередині сторінки або запису на сайті WordPress.

Крок 1. Встановлення

Ви можете скачати плагін з офіційного каталогу розширень WordPress по цим посиланням.

Якщо ви не знаєте, що таке плагіни і як їх встановлювати, перегляньте цей урок.

Крок 2. Налаштування

Після встановлення ви можете отримати доступ до всіх налаштувань за допомогою посилання Галерея у консолі.

Примітка: можна відразу русифікувати плагін, натиснувши на відповідну кнопку в головному вікні налаштувань NextGEN.

Після русифікації вікно огляду Галерея NextGEN буде виглядати наступним чином:

Перейдіть на вкладку Налаштування, щоб встановити основні параметри.

Ось найважливіші налаштування, яким потрібно приділити увагу:

• Шлях до галереї — це шлях, де ви зберігатимете зображення. Кожен ваш альбом має тут свою папку.
• Видалити файли зображень — якщо ви збираєтеся щось переробляти, ви, напевно, не захочете видаляти зображення, якщо ви видалите галерею. Але якщо галерею створюватимуть користувачі, можливо, ви захочете це зробити.
• Активувати ЧПУ - це включає ЧПУ (людино-зрозумілі URL-и) для ваших галерей.
• Створити новий URL зображення з ЧПУ посиланням - Це про опцію постійних посилань. Щоб оновити структуру, натисніть кнопку Ок. Вам потрібно зробити це лише один раз.

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

Крок 3. Додавання нової галереї

У меню консолі перейдіть до Галерея → Додати галерею. Введіть назву нової галереї. Натисніть Додати галерею.

Після того, як ви створили галерею, ви отримаєте сповіщення з шорткодом для відображення галереї у записі або на сторінці. Це завжди однаковий формат [nggallery id=n]. Так що важливий момент id галереї. Усі галереї відображаються на основі id.

Крок 4. Завантаження зображень

Після того, як ви додали зображення до списку, виберіть галерею, до якої потрібно вставити їх. Клацніть по кнопці Завантажити зображення та зачекайте, поки вони завантажаться. Мініатюри будуть автоматично створені, зображення будуть зменшені відповідно до параметрів, які ви вибрали у налаштуваннях.

Можна поставити галку, щоб зображення автоматично зменшувалися до 800 600 х точок. Ця можливість, яка дозволяє використовувати в галереї змінені зображення замість оригінальних. Розмір цих зображень ви встановили у налаштуваннях.

Ви також можете перетягнути зображення на сторінку та завантажити їх.

Коли закінчите додавати фотографії, натисніть кнопку Завантажити зображення.

Крок 5. Редагування фотографій у галереї

Після того, як зображення завантажені, ви можете відразу ж редагувати галерею, натиснувши на посилання, або використовувати бічне меню, натиснувши на Галереї.

(У локалізації плагіна втрачено пробіл між "3" і "зображення")

Вгорі вікна редагування ви побачите опції, а внизу – зображення, які ви щойно завантажили. Вгорі сторінки містяться деякі розширені налаштування, які відповідають за розміщення та посилання ваших галерей. Це виходить за межі нашого керівництва. Якщо ви приймете значення за промовчанням, галерея вдало відобразиться.

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

• Клацніть один або кілька чекбоксів поруч із зображеннями у тому, щоб застосувати до них дію масово.
• Використовуйте індивідуальне меню кожного зображення для створення мета-тегів, зміни мініатюри, повороту зображення, публікації чи видалення зображення.
• ID важливий для включення зображень до статей. Вам може знадобитися це пізніше, для шорткоду. Тут ви отримаєте ID зображення у разі потреби.

Праворуч від таблиці зображень ви побачите поля для введення інформації про зображення. Чекбокси дозволять вам виключити або включити зображення до цієї галереї. Поставте позначку біля зображень, яких ви не хочете бачити на сайті.

Для відображення ваших фото є багато шаблонів. Якщо ви оберете той, який відображає назви та описи, він візьме їх саме звідси. Теги зручні, так як ви можете створити шорткод з тегами, який отримуватиме всі фото з однаковими тегами.

Крок 6. Створення альбому для організації галерей

Перейдіть в бічне меню консолі Галерея → Альбом. Введіть ім'я нового альбому. Клацніть по кнопці Добавить.

У чому різниця між галереєю та альбомом? Простіше кажучи, галереї містять ваші зображення, а альбоми містять галереї. Альбоми працюють як посилання або закладки для того, щоб легко переміщатися між галереями, а самі галереї будуть відображати ваші зображення.

Якщо у вас не дуже багато галерей, вам не потрібно поміщати їх в альбом, але ви можете використовувати альбоми на власний розсуд.

Додайте альбом та прив'яжіть його до сторінки.

Виберіть альбом зі списку. Перетягніть галерею до альбому. Натисніть кнопку Оновити, інакше зміни не будуть збережені.

Я перетягну свою тестову галерею у Новий альбом і потім покладу цей альбом на сторінку.

Так ви можете впорядкувати ваші альбоми та галереї. Можливо, буде простіше, якщо ви сприйматимете альбоми як розділи, а галереї — як підрозділи. Мені здається, що термінологія тут трохи плутає, тому що для мене логічніше було б розміщення альбомів усередині галереї. Розміщення стовпців теж не дуже логічно, як на мене.

• Правий стовпець містить список альбомів.
• Центральний стовпець містить список галерей, які не додані до альбомів.
• Лівий стовпець покаже галереї, які додані до альбому, який ви вибрали у списку, що випадає.

Крок 7. Додавання галереї на сторінку

Створіть нову сторінку (або запис). Введіть шорткод номер галереї у вікно редактора. Збережіть вашу сторінку та подивіться на неї в режимі перегляду.

Тепер подивіться на галерею живцем на вашому сайті:

Галерея NextGen поставляється з кількома вбудованими шаблонами для різних ефектів відображення. Ви можете змінювати розмітку, використовуючи різні параметри у шорткоді. Ось приклад слайдшоу каруселі, це вбудована функція:

[nggallery id=1 template=carousel images=3]

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

Є й інші шорткоди, і ви можете додати до них додаткові аргументи, щоб керувати різними речами. Ви можете знайти список шорткодів на цій сторінці:

Список шорткодів:

Use Image Tags to Create Galleries/Albums

• [nggtags album=wordpress,Cologne,Ireland]

Display Captions in Thumbnail Galleries

• [nggallery id=1 template=caption]

Basic Filmstrip Galleries

• [nggallery id=1 template=carousel images=7]

Template Engine for Gallery Types

• [nggallery id=1 template=sample1]
• [nggallery id=1 template=sample2]
• [nggallery id=1 template=sample3]
• [nggallery id=1 template=sample4]
• [nggallery id=1 template=sample5]
• [nggallery id=1 template=sample6]

Display Exif Data

• [imagebrowser id=28 template=exif]

Sort Images in a Gallery Based on Their Tags

• [nggtags gallery=cologne,wordpress,..]

Integration with Third Party Plugins

• [monoslideshow id=1 w=450 h=350]
• [nggallery id=1 template=galleryview images=0]
• [media id=6 width=320 height=240 plugins=revolt-1]
• [media id=3 width=320 height=240 plugins=rateit-2]

Add Tag Clouds

• [tagcloud]

Single Pic Options

• [Singlepic id=xw=width h=height mode=web20|watermark float=left|right]

Сподіваюся, цей посібник допоможе вам почати роботу з Галерея NextGEN. Тепер ви знаєте, як створити галерею, завантажити фотографії, по-різному відобразити їх у сторінках та записах.

Джерело: OSTraining.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/