Налаштування плагіна nextgen gallery

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

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

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

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

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

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

Я встановив останню робочу версію плагіна, вона не локалізована на український, але я постараюся написати основне і показати в картинках - як створити Галерею і як її вивести всередині записи.

Ви просили зробити так, що б в один ряд у вас виводилося три картинки. Я зробив.

Трохи про налаштування:

У плагіна є своя вкладка налаштувань в Консолі Управління. Розташована зліва в самому низу:

Я підкреслив червоною рискою основні для вас сторінки налаштувань плагіна, якими ви будете користуватися.

На сторінці Option ви побачите кілька Вкладок:

Я підкреслив червоним важливий елемент налаштування виводу Картинки - її розмір в пікселах - ширина і висота.

Це розмір спливаючого вікна.

РАДА: Робіть все картинки одного розміру, наприклад 800 на 600 пікселів, або інший коректний розмір (коректний = співвідношення 2 до 1 або 4 до 3).

Якщо ваші великі картинки будуть різного розміру, то в вікні розміром 800 на 600 вони втратять в якості зображення, якщо картинки маленькі - будуть «розмазали» і т.д.

Якщо ви плануєте виводити великі картинки в іншому розмірі, тоді замініть обраний розмір 800 на 600 іншим розміром, наприклад:

І так далі. Після цього не забудьте зберегти зміни.

Як додати нову галерею

Спочатку треба придумати Ім'я для Галереї зображень і записати в цьому вікні.

РАДА: неиспольз українські літери. Краще пишіть транслітерой, щоб і вам зрозуміло було про що ця галерея.

Наприклад: в галереї ви хочете додати картинки природи, види гір. Тоді ім'я рубрики напишіть так: Priroda_Gory. Не використовуйте пробіли (не рекомендується). Можна використовувати цифри без пробілів.

ВАЖЛИВО! Не додавайте файли зображень, в імені яких - українські назви!

Файли тільки англійською.

РАДА: не треба вигадувати файлів імена у вигляді чисел. Бажано (для кращої індексації пошуковими системами - файлу дати англійський термін). Якщо на зображенні - туш для вій - так і назвіть файл: mascara.jpg.

Формат файлів - стандартний: JPG, GIF, PNG.

Якщо файли присвячені якійсь рубриці, загальній темі - назвіть також (приблизно) і Галерею. Наприклад: Mascara

Потім натисніть кнопку - Add gallery.

Галерея буде створена і ви побачите її короткий ID у вигляді числа.

Бачите? Вгорі з'явився номер створеної Галереї - id = 4. Можете запам'ятати номер, він стане вам у пригоді.

Тепер вам треба додати в цю Галереї файли картинок.

Ви перебуваєте в першій вкладці сторінки. Спочатку виберіть в списку, що - Choose gallery. Знайдіть створену Галерею і підставте її в цьому вікні.

Потім Натисніть кнопку - Browse ... Відкриється вікно і на своєму комп'ютері виберіть підготовлені файли картинок.

РАДА: Готуйте картинки для Галереї заздалегідь, з встановленими розмірами. Створіть Папку, назвіть її Галереї. Всередині - папки з галереєю по іменах Галерей (так само як тут). Вам буде легше шукати і орієнтуватися в подальшому.

Нагадаю, що в Записи мініатюри виводяться по 3 штуки в ряд. Значить, ваша Галерея повинна мати число фоток, короткий трьом, наприклад: 3, 6, 9 і т.д.

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

Я зараз буду робити для прикладу щоб показати:

Тепер, після вибору картинок, натискаєте кнопку - Відкрити.

Бачите - список з трьох файлів? Тепер натисніть кнопку - Upload images.

Зачекайте коли плагін додасть всі картинки в Галерею.

Якщо все пройшло вдало - з'явиться ось таке повідомлення - 3 picture (s) successfully added

Значить, Галерея створена і додана в вашу колекцію.

Якщо щось піде не так - буде помилка і Галереї не буде. Спробуйте повторити.

Як додати картинки в Запис

Поставте курсор на новий рядок.

Натисніть кнопку. Відкриється спливаюче вікно:

Натисніть на вибір:

Виберіть Галерею з ім'ям Mascara. Натисніть кнопку - Insert.

У вас в запису з'явиться короткий код - [nggallery id = 6]

Знаючи ID Галереї (пам'ятаєте, я радив запам'ятати), ви можете просто додавати Галерею за допомогою цього коду, тільки міняти ID обраної Галереї.

У вас тепер в цьому чернетці записи є дві галереї, створені мною:

Як створити короткий опис до картинки

При відкритті великий картинки відвідувач бачить наступне:

При переміщенні курсора по картинці - направо і наліво - з'являється посередині стрілка навігації відвідувача.

Внизу - слова Image 4 of 6. Тобто є можливість навігації по всьому Галерей, доданим в одну запис. Але немає супровідного, короткого опису до кожної картинки. Давайте зробимо разом.

Відкрийте сторінку Manage Gallery (в консолі управління плагіном). Побачите список ваших Галерей.

Тут ви можете їх видаляти і редагувати.

Виберіть Галерею і натисніть на її ім'я - відкриється сторінка редагування Галереї:

Вам потрібно цікавити розділ Alt Text / Description в описі однієї картинки. Бачите слово в першій картинці - snow? Це тег Alt картинки. А трохи нижче - пусте вікно для Описи до картинки. Давайте напишемо кілька слів, наприклад:

Засніжена садиба графа Волконського під Москвою

Натискаєте кнопку - Save Changes - Зберегти.

Я розповів вам основні функції для роботи з цим плагіном.

Якщо ви уважно подивитеся всі налаштування, а їх - не менше 80-ти, ви зрозумієте, що плагін має дуже багато цікавого функціоналу.

В одній короткій Інструкції їх все не описати. Раджу шукати більш повне Опис можливостей плагіна в Мережі. Про це плагін написано дуже багато, він один з найпопулярніших плагінів виведення зображень для сайтів на WordPress.

Шукати по ньому інформацію раджу за допомогою таких запитів:

WordPress плагін NextGen Gallery настройки

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

Будуть ще питання - пишіть.

А ви перед оновленням стару версію плагіна зберегли (скачали на комп'ютер)?
Ні?
Тоді чому мені потрібно в свій вихідний витрачати на вас час?
Ще варіант: запитайте by Photocrati.