Працюємо з плагіном nextgen gallery

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

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

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

Детальна інструкція по роботі з плагіномNextGenGallery.

Основні настройки розповідати не буду. Він у вас активований і налаштований. Вам важливо знати - як створити галерею і як її додати в потрібне вам місце в статті. Про різних додаткових «примочки» можете сміливо шукати в пошуку Яндекса.

1. Додати нову галерею.

Для цього заходимо в меню управління: Налаштування -> Галерея -> Завантажити галерею.

У рядку Нова галерея пишіть будь-яку назву (можна українськими). Натискаєте кнопку Додати галерею.

Бачите вище текст, що галерея створена.

У вас є кілька варіантів додавання картинок в Галерею:

- архівними файлом,

- папку з зображеннями (треба копіювати в папку / gallery),

- окремими файлами.

Раджу завжди робити третім варіантом, копіювати окремими файлами (нижнє вікно) - Завантажити зображення:

Спочатку вибираєте тільки що створену галерею в відкривається списку. Потім натискаєте кнопку Огляд. Відкриється ваш комп'ютер. Шукайте фото. Одне або декілька. Щоб відразу завантажити 2 і більше фотографій, натискаєте клавішу Shift і притримуючи її, помечаете всі вибрані фото. Після цього натискаєте Enter і побачите, як з'явиться нижче вікна Вибрати галерею список ваших фото. Натискаєте кнопку Завантажити зображення (див. Картинку вище). Залежно від розміру і кількості фото часу піде від декількох секунд до декількох хвилин. Потім у верхній частині вікна з'явиться червона смуга. Це ява-скрипт, який показує час створення галереї. Потім червона смуга пропаде. Якщо не з'явилося жодного повідомлення (червоним!) Про помилку, значить, галерея створена. Тепер вам треба перейти у вкладку Галереї -> Галереї (меню управління). Ви побачите список всіх ваших галерей і ID кожної галереї:

Як бачите, у вас зараз створено дві галереї:

Політики Бердичева - ID5.

Перший крок - створення Галереї - ви зробили.

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

Натискаєте на кнопку (червона стрілка), з'явиться діалогове вікно:

У списку, що вибираєте потрібну вам Галерею. У вашому випадку - Політики Бердичева. Після цього вибираєте, як вивести картинки: Списком зображень або у вигляді Слайдшоу. Третій режим не вибирайте, вам поки він не потрібен. Спробуйте спочатку варіант - Слайдшоу. Натисніть кнопку Вставити. На сторінці з'явиться ось такий запис:

Id - це ID вашої Галереї зі списку Галерей (ми розглядали на кроці 2).

Усе. Зберігаєте статтю. Відкриваєте сайт і дивись на те. Що вийшло:

В результаті буде ось що:

Що ще вам варто знати для початку. Кожній картинці можна додати невеликий заголовок і короткий опис.

Як це зробити?

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

Там, де виводяться картинки, є колонка Alt Title / Опис. Замість назви файлу - 1256.jpg, ви можете написати (наприклад) - Бердичівський Д'Артаньян. А трохи нижче - короткий текст, який супроводжує зображення. Наприклад: Наш всіма улюблений .... бла-бла-бла ... Після того, як ви внесли потрібні вам зміни, не забудьте натиснути кнопку Зберегти зміни (трохи вище таблиці з картинками). Тепер відкриваєте статтю з вашим слайдшоу і бачите, що з'явилися заголовки у картинок і короткий опис.

І останнє на сьогодні. У зв'язку з тим, що у вас виводяться на головній статті у вигляді анонсів, галерея не відображається, і замість неї видно ось такий напис:

Що треба зробити, щоб такого запису не було? У вас є два варіанти:

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

І розділіть цим тегом текст і код виведення слайдшоу, ось так:

Збережіть статтю і подивіться, що вийшло на Головній сторінці:

Бачите, «кривої» написи в статті більше немає.

Що ще хочу додати в кінці: не раджу автоматично оновлювати плагіни, які у вас стоять на сайті. Перш ніж оновлювати, спочатку треба перевірити на сумісність між ними, тому краще всякі експерименти проводити на локальному сервері. Інакше може статися, що у вас «зваляться» деякі функції на сайті (причому - абсолютно будь-які), і відновити їх після видалення оновлення не завжди виходить. З автообновления взагалі - будьте стримані.

З цим оглядом Новомосковскют ще:

Плагін WP Page-Numbers - навігація сторінок

Виправлена ​​локалізація плагіна WP-Super-Cache

Добрий день.
Спасибі величезне за статтю, все дуже доступно.

Скажіть, будь ласка, якщо фото завантажуються, значить, вони повинні бути в бібліотеці сайту? А їх там немає.

Що за глюк?
Дякуємо.

Всі фото лежати повинні в спеціально створюваних папках самим плагіном. Якщо ви спочатку створили Галерею і назвали її до Прічер, Gallery1, шукайте папку з таким ім'ям в папці / wp-content / uploads /.
В інструкції про це теж є, і в настройках плагіна - теж, вивчайте уважно.

спасибі за статтю) підкажіть як можна відцентрувати прев'юшки в галереї. наприклад у мене галерея з 12 зображень в 3 колонки, при цьому зі збереженням пропорцій оригінального зображення (в моєму випадку це важливо, щоб на превью було повне зображення ...) кожне превью притискається до лівого боку, але так як вони різної форми, це не красиво . Мені потрібно, щоб кожна прев'юшки перебувала в центрі свого осередку ... Сподіваюся зрозуміло виклала проблему) Допоможіть!

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

pavelshumov.com/art/55/ ось галерея. тобто кожна прев'юшки в своєму осередку «float: left» а мені потрібно «float: center» але в css плагіна я не знайшла як виправити ...

float center в цьому випадку не допоможе, але якщо хочете спробувати - в плагіні є свій CSS файл - лежить тут: /wp-content/plugins/nextgen-gallery/css/nggallery.css, рядок 132
.ngg-gallery-thumbnail-box

якщо міняти цей параметр, то все превью вирівнюються в один рядок з лева (замість трьох колонок одна (((Я весь документ nggallery.css переглянула, нічого путнього не змогла зробити. Шкода, адже якось цей параметр задається. У будь-якому випадку, дякую Вам за участь!)))

Я написав нижче, що не допоможе, а щоб ви переконалися - дав посилання. Цей параметр тут не грає ролі, адже є настройка на сторінці Мініатюри, коли ви виставляєте кількість колонок.
Я вже якось писав, не пам'ятаю, в цьому блозі або в другому каталозі - у плагіна є один жирний мінус: якщо ви створюєте Галерею, вам треба в неї додати тільки однакові зображення: або горизонтальні, або вертикальні (книжкові та альбомні). Інакше порушуються рассточнія між слайдами. Якби ви в цю галерею додали тільки книжкову орієнтацію, або тільки альбомну -
все стояло б як треба.

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

може і так) буду працювати, шукати ...