Создание галереи при помощи NextGEN Gallery. Плагин Nextgen Gallery настройка и как пользоваться Плагины для nextgen gallery

Красота этого плагина – в масштабном функционале, который предлагает NextGEN Gallery всем пользователям WordPress. Есть лишь один момент, о котором вам нужно знать заранее. Плагин действительно крут, но очень тяжел и создает определенную нагрузку на хостинг.

Так что если у вас скромный хостер, а посещаемость блога солидная, могут возникнуть проблемы. В остальном NextGEN Gallery – просто песня! Загрузите и установите NextGEN Gallery по ссылке: http://wordpress.org/extend/plugins/nextgen-gallery/

Перейдите во вкладку под названием Добавить галерею/изображения:

Придумайте название галереи и напишите его английскими буквами:

Если вы увидите надпись, что галерея успешно создана, все получилось. Надпись будет на английском:

Когда вы окажетесь в меню «Загрузить изображения», найдите там пункт «Обзор», выберите нужное изображение и, когда появится галерея, выберите ее из всплывающего списка. В нее вам и нужно будет «засунуть» изображение. Для наглядности смотрите рисунок:

А можно облегчить себе жизнь, добавив все нужные вам картинки в архив ZIP и выбрав пункт «Загрузить из ZIP файла». Все изображения плагин распакует сам. Во вкладке «Галереи» вы увидите только что созданную галерею, а также ее ID и количество изображений:

А теперь давайте попробуем вставить галерею в любой из ваших постов. Зайдите в админку, затем в редактор любого поста и нажмите вот эту иконку:

Когда перед вами откроется окно, выберите способ вывода изображений и галерею:

Обновите страницу/пост, после чего вы увидите результат своей работы в виде «превьюшек» изображений:

Если нажать на любую из миниатюрных картинок, произойдет вот что:

Осталось внести настройки в плагин NextGEN Gallery и пригласить друзей на сайт для оценки новых возможностей галереи. В админке WordPress зайдите в Галерею, затем в ее настройки. Рассмотрим основные вкладки.

Основные настройки. Здесь лучше ничего не трогать, все и так оптимально настроено. - можно изменить размеры превью:

Ставим галочку напротив «Кэшировать изображения», чтобы уменьшить нагрузку:

А вот здесь можно изменить количество выводимых изображений на странице вашего сайта:

Можно настроить интересные эффекты плагина:

Также вы увидите вкладки «Водяной знак» (здесь все ясно) и «Слайдшоу» – можно настроить красивый эффект перехода.

Как вы сами только что убедились, настроить NextGEN Gallery несложно. Плагин действительно считается одним из самых лучших для создания галереи.

Сегодня мы поговорим об одном замечательном и наверное самом популярном плагине для создания различных фотогалерей на WordPress — NextGEN Gallery, о том как его настроить, вывести галерею, изображения и слайдшоу на страницы Вашего блога.

Возможности плагина NextGEN Gallery

Возможностей у данного плагина придостаточно и сводятся они не только к созданию различных галерей в WordPress, хотя на мой взгляд делает он это отменно. Что можно создать при помощи NextGEN Gallery наглядно продемонстрировано на его собственном демо сайте:

— здесь вы сможете посмотреть все предлагаемые им возможности по выводу слайдшоу, галерей, изображений и видео.

Ну как вам! Правда здорово!

Если данный плагин заинтересовал Вас, тогда переходим к его установки.

Установка и русификация плагина NextGEN Gallery

Для начала давайте скачаем его:

Скачать плагин NextGEN Gallery с оф. сайта wordpress.org или с www.imagely.com

Скачали? Теперь можно переходить к непосредственной установке его:

Устанавливается NextGEN Gallery как обычно: распаковываете скачанный zip архив «nextgen-gallery.zip» и копируете папку «nextgen-gallery» в папку с плагинами вашего блога: /wp-content/plugins/

Для того, чтобы подключиться к своему блогу по FTP я обычно использую программу FileZilla – она проста, удобна и надежна.

После того как вы закачали плагин на свой блог, его нужно активировать, для этого в админку WordPress, перейдите на вкладку «Плагины» - «Неактивные», найдите NextGEN Gallery и нажмите на ссылку «Активировать». С этим я думаю у вас проблем не возникнет!

После активации плагина в нижнем левом углу админки WordPress у вас появится новая область — «Галерея» или «Gallery», если вы скачали плагин не смоего блога.

Русификацию для плагина можно скачать на странице:

http://code.google.com/p/nextgen-gallery/downloads/list?q=label:Translation (скачайте файл nggallery-ru_RU.mo»). После этого снова по FTP подключитесь к вашему блогу и загрузите данный файлик в папку: /wp-content/plugins/nextgen-gallery/lang , после этого все настройки плагина будут на русском языке.

Теперь переходим к следующему пункту:

NextGEN Gallery — Настройка.

Настроек у данного плагина достаточно много, но начнем мы с добавления изображений, которые затем при помощи коротких кодов, затем можно будет вывести в любых статьях вашего блога на WordPress. Итак приступим:

Из меню админки WordPress выберем пункты «Галерея» - «Загрузить галерею / изображения»:
В открывшейся странице «Добавить новую галерею», в поле «Новая галерея» вам нужно вписать название Вашей будущей галереи (писать нужно на латинице (лучше транслитом)), которую вы затем сможете выводить на страницах своего блога и затем нажать «Добавить галерею»:

После этого плагин NextGEN Gallery должен сообщить Вам об успешном создании галереи с ID=1 и там же присвоит её короткий shortcode — [ nggallery id=1 ] (без пробелов до и после квадратных скобок) при помощи которого данную галерею можно будет вывести на любые страницы блога (см. рисунок ниже).
А в случае, если у вас не создалась папка «wp-content/gallery/ », тогда вам нужно будет создать ее самим и становить на неё права доступа — 777 (как установить права доступа на папку при помощи FileZilla — статья в разработке). А затем снова повторите создание галереи.

После того, как новая галерея создастся вас перебросит на страниу: «Загрузить изображения», здесь из выпадающего списка Вам нужно выбрать название созданной Вами галереи, в которую вы хотите добавить изображения, а затем нажать на кнопку «Выберите файлы»:

Перед вами откроется окно проводника windows? В котором нужно найти и выбрать нужные изображения (для выделения нескольких изображений удерживайте на клавиатуре клавишу Ctrl или Shift) и затем нажать на кнопку «Открыть»:

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

Кстати, чуть не забыл — одновременно с загрузкой изображений плагин NextGEN Gallery создаёт и их превьюшки (которые располагаются по следующему адресу «/wp-content/gallery/название-галереи/thumbs»), при необходимости в настройках плагина Вы всегда можете отредактировать их.
Теперь нажмите на ссылку: «Редактировать галерею» и вы попадёте на страницу редактирования галереи, здесь вы сможете ввести Alt, Title (рекомендую сделать это, для того чтобы загруженные вами изображения участвовали в поиске), метки для изображений, установить на них водный знак, ввести описание для всего альбома, указать его обложку и т.п.:

После того как вы закончили редактирование, не забудьте сохранить изменения.

Позже, если вы захотите добавить изображений в эту галерею, то процесс загрузки картинок в созданную вами WordPress галерею можно будет повторить сколько угодно число раз, из различных папок. Так же Вы можете на своем компьютере заранее создать папку с нужными изображениями, упаковать ее в Zip архив, залить данный архив на сервер при помощи вкладки «Загрузить Zip-файл» (после этого Zip архив автоматически распакуется на сервере).

Ну а теперь перейдём к общим настройкам:

Для этого перейдите по вкладкам «Галерея» - «Настройки» и попадаете на страницу «Главные настройки »:

В этой вкладке я оставил без изменений, единственно в поле Макс. количество изображений я установил значение о, для того чтобы в галерею можно было добавлять любое количество изображений.

Теперь пробежимся по остальным настройкам:

- «Миниатюры ». Здесь вы можете задать размер и качество первюшек больших изображений, лично я оставил всё по умолчанию.

- «Изображения ». Здесь Вы можете изменить размеры выводимых в галереи изображений и поставить галочку в чек бокс «Automatically resize» — чтобы плагин при загрузке в галерею атоматически изменял размеры изображений.

- «Галерея » — Здесь я изменил значение поля «Количество изображений на странице» на значение ноль, для того чтобы на странице вывода галерее были показаны все изображения из неё, а также в поле «Добавить слайдшоу» изменил поля и на «Показать как слайд-шоу » и «Показать список изображений », а всё остальное оставил по умолчанию.

- «Эффекты » — Ну здесь думаю всё понятно, выбираете любой нужный вам эффект.

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

А чтобы установить водяной знак на изображения галерей нужно выбрать пункты «Галерея» - «Галереи», далее щелкнуть по названию нужной фотогалереи. В открывшемся окне отметить изображения, на которые вы хотите наложить водяной знак, затем в выпадающем меню выбрать пункт «Установить водяной знак» и затем нажать на кнопку «Apply» («Применить»):

Перед вами появиться окошко подтверждения действия, нажимаете «OK»
Внимание! Водяной знак накладывается на изображение навсегда.
Для того чтобы проверить добавился ли водяной знак на изображения, щелкнете по ссылке «Смотреть»:

Обратите внимание: ID изображений указаны в левом столбце.

А ID нужной галереи можно узнать зайдя во вкладки «Галерея»-«Галереи» (отображается в левом столбце):

ID галереи или ID изображений, могут понадобиться вам при вставке галереи, слайдшоу или отдельных изображений в статью WordPress с помощью коротких кодов.

- «Слайдшоу » — Здесь я изменил «Размер по умолчанию (высота х ширина)» под контент блога (у меня 603х603), поставил чекбокс на против пункта «Enable flash slideshow», для того работали Flash слайд-шоу и в поле «Путь к Imagerotator (URL)» указал url до файла imagerotator.swf. Если вы скачали плагин с моего блога, то в поле «Путь к Imagerotator (URL)» укажите: http://Ваш-домен.ru/wp-content/plugins/nextgen-gallery/imagerotator/imagerotator.swf.

NextGEN Gallery - вставка галереи, слайдшоу и отдельных изображений в статьи WordPress.

Открываем или создаем новую запись (страницу), набираем текст если нужно, далее щелкаем по кнопке: Добавить галерею NextGEN:
В результате перед Вами появится всплывающее окно с тремя вкладками: галерея, альбомы, изображения: Перейдите на нужную вам вкладку и из выпадающего списка выбираете нужное вам, допустим нам нужно вставить галерею с изображениями, тогда во вкладке «галерея» поставите галочку напротив нужного Вам способа показа изображений и нажмите на кнопку «вставить»:

В месте где у вас стоял курсор (в окне ввода текста), появится shortcode плагина NextGEN Gallery, который и будет формировать вывод Вашей галереи в статье или на странице WordPress:

В принципе, можно обойтись и без визуального редактора. Прейти в режим HTML и в место где нужно вывести галерею, картинку или альбом с изображениями вставить короткий shortcode плагина NextGEN Gallery с нужными параметрами.
Например:
Для вставки в статью (страницу) одного изображения, которое при щелчке мышью по нему, будет плавно увеличиваться, нужно вписать следующий shortcode:
[ singlepic id=N h=высота w=ширина mode=web20 ]
А для вывода списка альбомов (галерей) в подробном виде:
[ album id=N template=extend ] без пробелов до / после скобки.
Подробнее о всех кодах можно узнать здесь: www.imagely.com/docs/demos-of-all-nextgen-gallery-types/

Если вам вдруг понадобится вывести галерею с настройками отличающимися от общих настроек плагина, тогда вы можете воспользоваться произвольными полями (Custom Fields). Подробнее об этом можете почитать на оф. сайте плагина, в разделе документации.

Ну и это ещё не всё!

Так же, если ваша тема поддерживает виджиты, тогда вы можете украсить свой блог при помощи виджета: слайдшоу NextGEN либо при помощи NextGEN миниатюры .
Для этого перейдите во вкладку «Внеший вид» — «Виджеты» и добавьте данный виджет в нужный сайтбар:

На сегодня всё! Жду Ваших комментариев!
Удачи вам в создании своей фотогалереи.
До скорых встреч друзья!

Сегодня мы с вами рассмотрим очень полезный плагин галереи изображений для WordPress - NextGEN Gallery. Этот плагин разработан компанией Imgely в 2007 году и всё ещё используется на более 900 000 сайтов. Общее количество установок превышает 3 миллиона.

Этот плагин позволяет сделать галереи в WordPress, а также слайд-шоу. Плагин NextGEN Gallery можно скачать бесплатно. Так же в сети есть различные модули и дополнения к плагину, чтобы пользователь мог разнообразить и сделать галерею сайта уникальной. Кстати сказать, технология показа галереи не использует платформу Flash, это большой плюс, так как не все гаджеты могут воспроизводить Flash.

Установка NextGEN Gallery

Как пользоваться NextGEN Gallery

1. Посмотрите двух-минутное видео, которое кратко расскажет о возможностях плагина, каким им пользоваться. NextGEN Gallery поддерживает Gutenberg, новый блочный редактор в WordPress 5.
   

   Если вы ещё не работали с Gutenberg, то можете узнать больше в нашей статье - читать.

2. Для создания своей первой галереи зайдите в раздел “Страницы” и добавьте новую.
3. Сейчас я использую стандартный редактор. Напишите название страницы. Далее нажмите “Add Gallery”
   
   
4. В появившемся окне Перейдите во вкладку “Загрузить изображения”, впишите название галереи и нажмите кнопку “Add Files” для загрузки изображений.
   
   
5. После нажатия “Add Files” откроется окно Проводника, в котором нужно выбрать изображения для галереи.
   
   После добавление изображений, нажмите “Start Upload”
   
   
6. После завершения загрузки галерея создастся. Поздравляем! Переходим в раздел “INSERT INTO PAGE” (Вставить на страницу).
   
   
7. На данной странице нужно выбрать название галереи и вид отображения галереи. Далее нажимаем “INSERT GALLERY” - Вставить галерею.
   
   
8. Галерея добавлена и мы видим блок NextGEN Gallery в редакторе.
   
   
9. Галерея настроена и её можно посмотреть на странице.

Виды оформления галереи NextGEN Gallery

В бесплатной версии NextGEN Gallery доступно 3 вида отображения галереи:

• Basic Thumbnails
• Basic Slideshow
• Basic ImageBrowser

Basic Thumbnails

NextGEN Basic Thumbnail Gallery - это сетка изображений, которые при нажатии открываются в полноэкранном режиме. Некоторые функции, которые вы можете добавить в свою галерею миниатюр:

• установить пользовательскую обрезку миниатюры;
• установить пользовательский размер миниатюр;
• разбивка фотографий на страницы (установить количество миниатюр изображений на странице галереи).

Basic Thumbnail Gallery выглядит следующим образом:

Basic Slideshow

NextGEN Basic Slideshow - стандартное слайдшоу. Изначально отображается 1 изображение, которое автоматически меняется через заданный интервал времени. В дополнительных настройках можно включить навигационные стрелки для более удобного просмотра. При нажатие открывается полноэкранный режим, где стрелки включены автоматически.

Basic ImageBrowser

NextGEN Basic ImageBrowser - вид галереи у которой имеется навигация вперед назад, как на примере ниже:

Распространенные вопросы

Нужно ли переводить название фото на латиницу?

Название галереи должно быть на латинице?

Нет. В название галереи можно использовать кириллицу.

Есть ли перевод NextGEN Gallery на русском языке?

Да данный момент плагин имеет русский перевод порядка 37% плагина. Встречаются не переведенные кнопки, строки описаний, но это не существенно. Пользоваться плагином можно без проблем. Если же Вы хотите перевести плагин полностью, то воспользуйтесь плагином Loco Translate . Если Вы нашли полный перевод плагина, то загрузите его в папку /wp-content/plugins/nextgen-gallery/lang.

Загружая фото в галерею, я не могу найти их в Библиотек Медиафайлов. Где находятся эти изображения?

Галерея NextGEN Gallery - это совершенно новая галерея, и не имеет ничего общего со стандартной WordPress галереей. Плагин Nextgen gallery создает индивидуальную папку wp-content/gallery и работает только с ней. Все картинки и фото, которые уже есть на вашем блоге использоваться не будут.

Есть ли возможность импортировать фотографии из папки wp-content/uploads?

Да, такая возможность есть. Для этого при создание галереи выберите не загрузку файлов, а IMPORT FROM MEDIA LIBRARY, то есть импорт из Библиотеки Медиафайлов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Описание

NextGEN Gallery – плагин, который предлагает гибкую систему создания, управления и отображения галереи.

Полное название в поиске: NextGEN Gallery

Установка:

Автоматическая:

1. Перейдите на админ-панель и выберите Плагины -> Добавить новый.
2. В поиске наберите»NextGEN Gallery».
3. Нажмите кнопку Установить.
4. Нажмите кнопку Активировать.

Ручная:

1. Перейдите по ссылке http://wordpress.org/plugins/nextgen-gallery/
2. Скачайте последнюю версию «NextGEN Gallery».
3. Разархивируйте файл в папку плагинов WordPress.
4. Активируйте плагин на сайте.

Работа с плагином

Так как плагин предоставляет огромные возможности по созданию галереи и на описание всего плагина может уйти небольшая книжка, мы рассмотрим лишь создание простейшей галереи. Разобраться в остальных функциях не составит труда если вы обладаете минимальными знаниями английского языка.

После установки плагина в админ-панели появляется пункт Gallery (рис. 1).

В плагине 8 разделов (рис.2).

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

Галерею будем создавать на новой странице, создание галереи в записи происходит аналогично. Итак выбираем пункт «Добавить новую страницу», вводим название страницы «Gallery Page» и выбираем на панели инструментов «Прикрепить галерею» (рис.3).

В открывшимся окне выбираем «Add Gallery/Images» для создания новой галереи и добавления изображений в неё. Далее пишем имя галереи, выбираем изображения для загрузки нажав «Add Files» и загружаем их нажав «Start Upload» (рис.4).

Выбираем саму галерею для отображения (рис.6).

Сортируем картинки для отображения на странице и завершаем создание галереи нажав кнопку «Save» (рис.7).

Примечание: имя галереи должно быть на латинском языке, в противном случае плагин не найдет путь до изображений.