Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

http://www.nextgen-gallery.com/nextgen-gallery-features/

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

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
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 69

Станіслав:

Чудовий огляд.

Може ви підкажете слайдер або галерею що б могла:
- відображати пояснювальний текст до кожної з картинок (близько 300 слів для кожної картинки);
- мала функцію показу слайдового зображень з галереї;
- кожен слайд оновлював сторінку повністю (перезавантажував сторінку, тобто кожна картинка з описом це додаткова сторінка)

WordPresso:

За весь час оглядів різних слайдерів і плагінів галерей я не бачив ще жодного варіанта, який задовольняв би всім вашим критеріям одночасно! :)

Як все просто коли знаєш:

Ок.
Важливий цей момент:
- кожен слайд оновлював сторінку повністю (перезавантажував сторінку, тобто кожна картинка з описом це додаткова сторінка)

решта можливо і самому зробити

WordPresso:

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

Адлет:

у мене не виходить так, я навіть скачав плагін для присвоєння посилань на картинку, але галерея не відкриває посилання, а відкриває просто картинку

Baddy Vedmeddy:

скажіть, а чи є обмеження на розмір (у пікселах) показуваних у великому вікні картинок?

WordPresso:

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

Dan_Dan:

а можна це якось обійти, тобто самому вибирати розмір?

WordPresso:

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

Ruslan:

підкажіть як русифікувати плагін, завантажив файл nggallery.pot, що з ним робити?

WordPresso:

В уроці написано, просто натисніть кнопку в налаштуваннях плагіна — Download now your language file.

Ruslan:

не можу знайти цю кнопку. Може, я не можу знайти головне вікно налаштувань. Підкажіть, як воно виглядає?

WordPresso:

Після встановлення плагіна у головному меню Консолі з'явиться новий пункт Gallery. Власне там усередині і буде ця кнопка, розміщена у правій бічній колонці.

Ruslan:

У право бічній колонці є напис Would you like to help translating цей plugin? Download the current pot file and read here how you can translate the plugin. де можна натиснути на Download і here, тисну на Download і завантажується файл nggallery.pot, і що з ним робити?

WordPresso:

Дивно, у процесі підготовки даної статті я мала доступну цю кнопку, саме для перекладу.

konservator:

зараз вже немає цієї кнопки, переклад тільки вручну

Ruslan:

зробіть будь ласка. дуже треба

Сергій:

Не підкажіть, де прибрати цей напис «Show as slideshow»

WordPresso:

Думаю, це прописано у коді плагіна. Швидше за все – шляхом виправлення коду у файлах плагіна.

Ірина:

Налаштування галереї ->NextGen Basic Thumbnails->показувати кнопку слайд-шоу перекласти нанівець

Сергій:

Show as slideshow як прибрати цей напис?

unit-sk.ru:

Рішення проблеми:

1. Увійти до адмінки блогу

2. Меню Галерея (Gallery) — Установки

3. На сторінці зверху є ще додаткові меню, серед них увійти в «Галерея»

4. Тут знайти "Вставити слайдшоу" і буде галочка стояти і два варіанти написання.
За замовчуванням там англійський варіант, тому навіть за активної російської
перекладі плагіна, на сторінку виводиться цей варіант.
Замінити на російську. зберегти зміни

Радіти!

Олена:

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

WordPresso:

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

Олексій:

Дякуємо за огляд!

Підкажіть, будь ласка, у чому може бути проблема. У браузері Firefox при натисканні на мініатюру і появі повного зображенні чомусь відбувається переміщення на самий верх сторінки. В інших браузерах все прибл. Подивіться, будь ласка, як це виглядає: http://content-analysis.ru/index.php/soft/kontent-analiz-v-programme-atlas-ti-setevoe-otobrazhenie-dannyx-i-svyazej-chast-pyatnadcataya/
Спасибо!

WordPresso:

Швидше за все, така особливість роботи цього плагіна у браузері Firefox. Тут ми нічого не можемо вдіяти.

Banan_v_manto:

1) Як вибрати розмір картинки при перегляді у великому вікні?
2) Як виводити зображення на сторінці ігноруючи розмір запису?

WordPresso:

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

kolloss:

Дякую. За допомогою вашого матеріалу встановив плагін на свій сайт.

rugreenzoner:

Я не зрозумію – як альбоми вставляти у сторінку? Галереї зрозуміло. А альбоми? Жодних кнопок або кодів вставки ніде не вказано. Не ясно…

WordPresso:

У розумінні плагіна альбоми і є галереї. В інструкції все описано послідовно.

beinisrael:

Здравствуйте.
А для теми galleryview є shortcode? У мене вставляється галерея, але криво, потрібно збільшити поле в ширину і висоту. Та й хотілося б збільшити виведення самих зображень. Як це зроблено на веб-сайті авторів.
Але якщо писати width, pannel_width, w, panel_width нічого не змінюється.

Анна:

Підкажіть, будь ласка. Цей шорткод [singlepic id=N h=висота w=ширина mode=web20] дозволяє виводити на сторінки блогу окремі зображення з галереї, але вся проблема в тому, що тільки одне. А як можна вивести кілька зображень з галереї в окремий гарний рядок, але не всю галерею? :( І ще питання, як можна вивести зміст галереї з альбому не списком, а всі зображення на окремій сторінці?

WPcafe.org:

Цей шорткод лише для виведення одного зображення. Ви можете використовувати кілька шорткодів для ряду зображень або використовувати інший плагін галереї. Також можна вставити ряд картинок вбудованими засобами галерей WordPress. NextGen не дає такої можливості, він виводить лише повноцінну галерею з мініатюрами знизу.

Ірина:

Тут уже згадували таку ситуацію:

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

У мене така сама нісенітниця. Закачую фотки, зовсім невеликі, 300-400 пікс.
З десятка тільки пара фток з'являється нормально, решта превьюшки — рамки порожні, замість картинок у них якісь цифри, відсотки та різні значки.
Набридло вже такими темпами завантажувати, так і за 100 років не завантажу.
За три дні мук лише 5 фоток із 150 нормально завантажилися.
Може хтось підказати, що це означає і як із цим боротися чи краще взагалі кинути цю галерею?

WPcafe.org:

Спробуйте іншу галерею. Наприклад, мені подобається

Юлія:

у мене таке було, коли галерею обзивала російськими літерами. Спробуйте латиницею.

Наталія:

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

Андрій Ліхімович:

Підкажіть як напис [Show as slideshow] зробити російською.

WPcafe.org:

Можна встановити русифікацію даного плагіна, тут у коментарях і в уроці описано як це зробити.

Євген:

Матеріал мені дуже сподобався! дякую за таке просте, наочне та просте пояснення. все вийшло — пробуватиму далі!

WPcafe.org:

Раді намагатися! :)

Ігор:

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

Але я знайшов переклад, закинув його на сервер до папки плагіна. В інструкції сказано, що в папці плагіна папку Lang перейменувати, а завантажити скачуваний переклад. Але у мене в плагіні спочатку немає папки Lang. Закинув завантажений переклад, але все дуже сумно: http://clip2net.com/clip/m199714/1375580036-clip-60kb.png

На всякий випадок даю скріншот головної сторінки плагіна після перекладу:

http://clip2net.com/clip/m199714/1375580655-clip-84kb.png

Ігор:

Поставив пердісну версію плагіна, там теж немає такої кнопки: https://hostenko.com/wpcafe/wp-content/uploads/gen17.png

Леон:

Вітаю.

Дякую за потрібний матеріал.

Питання — Як зробити такі ж блоки, як у Вас у рубриці «Схожі матеріали»?

Спасибо.

Денис Шайдулін:

http://oboi-hd.ru

Антон:

Здрастуйте, скажіть будь ласка як додати слайдшоу в шапку сайту?

WPcafe.org:

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

Іван:

підкажіть плагін реалізуючий слайдер на головній сторінці

WPcafe.org:

https://hostenko.com/wpcafe/plugins/15-luchshih-wordpress-plaginov-dlya-slayderov/
https://hostenko.com/wpcafe/plugins/soliloquy-wordpress-plagin-dlya-sozdaniya-adaptivnogo-slaydera-na-jquery/
https://hostenko.com/wpcafe/plugins/wow-slider-besplatnyiy-plagin-dlya-slaydera-izobrazheniy/

Сергій:

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

жандос алписбай-вули:

А як можна зробити щоб посилання на наступне фото були посередині фото а не знизу

Надія:

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

Проблема в наступному: на одній сторінці розміщено кілька галерей, коли починаю переглядати їх, у мене вони йдуть як єдине ціле. Як поділити їх у перегляді? http://vnvspb.com/?page_id=126

WPcafe.org:

У разі ніяк. Як тільки ви відкриваєте перегляд фотографій - вони будуть гортати до останньої, так влаштовано цю галерею.

RomanMorenets:

Хто-небудь може поділитися російським перекладом плагіна, навіть може бути не останньої версії? Дуже врятуйте, думаю багатьом би знадобилося!

Oleg:

як налаштувати слайд шоу, щоб по кліку переходило на статтю з якої взято фотографію

WPcafe.org:

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

Oleg:

ну ось я заходжу в Управління галереям вибираю ту що нада.. там я на фотографіях можу прописати назву ,опис,теги.А ось куди вставити посилання не бачу((((

Христина:

Дякую за статтю!) Дуже допомогли!!

Роман:

Доброго дня! Підкажіть, виникла така проблема. При відкритті фото з галереї зникли кнопки перегортання фоток (ліворуч і праворуч), а також зникла кнопка з правого верхнього пішла фото - (Закрити) сам хрестик. Підкажіть із чим це може бути пов'язано, як вирішити цю проблему?

Nik:

А як прив'язати галерею, скажімо до запису. у полі «посилання сторінку» де вони підтягуються.

Сергій Філіппов:

Плагін написаний жахливо! Гаразд, це програмісти, і вони ніколи не чули нічого про естетику. Але ви хоч свою технічну частину зробіть так, щоб самим не було соромно. Ось я створив альбом, а у ньому дві галереї. Виявляється, у розробників це ієрархічні поняття. Додав до сторінки альбом. І в мене відобразилося два маленькі премаленькі прев'ю, на яких нічерта не видно. Як збільшити - незрозуміло, в інтернеті пишуть, що потрібно колупатися в коді. Навіщо тоді потрібний плагін, за допомогою коду я і сам фотки на сайт поставлю. Коли кликаєш з цього убожества, щоб типу зайти в одну з галерей, сторінка просто перевантажується. Але найбільше вражає не це. Ну написали якісь невдахи шматок коду та й написали. Найцікавіше те, що цей плагін на всіх сайтах в один голос рекомендується як найкращий для WordPress.

Сергій:

Підкажіть. Є таке завдання, щоб у записах з'явилася кнопочка, клікнули, вибрали з комп'ютера список фоток, наприклад, штук 10-30 фоток відразу і вони завантажилися і стали там мініатюрками ну або списком і кнопочки у кожного типу видалити / відредагувати (назва, опис ... ) Та й напевно, при необхідності щоб можна було видалити все одночасно. Чи є плагін, який вирішить таке завдання? Або може ще якісь способи є…

Дмитро:

не можу зробити на повний екран
dashibanov .ru/argentina/ushuaia/
це взагалі реально зробити?

Intman:

Дуже сподобався варіант із шорткодом шаблону carousel. Чи можна керувати місцем розташування розташуванням прев'ю, що виводяться? Хотілося б розташувати їх під центром повного зображення.

Intman:

Якщо можливість виведення двох та більше галерей на одній сторінці (запису)?

Євген:

Здрастуйте!
Підкажіть будь ласка, як відключити створення посилань для кожної картинки з галереї?
Додає в гугл кожну картинку як посилання:(
http://сайт/статья/картинка-1/
http://сайт/статья/картинка-2/ и тд

Ось така гидота коїться (

Заздалегідь дякую за допомогу!

Сергій:

Добрий день. При виборі будь-якого ефекту Lightbox в налаштуваннях плагіна він не проходить валідацію на w3c, лається на кожну фотографію в альбомі. без цього ефекту але з окремими плагінами для лайтбокс ефекту валідація проходить але зникає можливість перегортати наступні картинки у збільшеному розмірі… хтось стикався з таким і знайшов рішення?

IgorS:

Де береться шорткод створеної галереї? Хочу його засунути в Елементор, а де взяти не можу знайти

Додати коментар або відгук