Gallery 3 ошибка в создании превью. NextGEN Legacy — создаем красивую галерею в Wordpress

Сегодня мы поговорим об одном замечательном и наверное самом популярном плагине для создания различных фотогалерей на 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 миниатюры .
Для этого перейдите во вкладку «Внеший вид» — «Виджеты» и добавьте данный виджет в нужный сайтбар:

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

Доброе время суток!
В сегодняшнем посте рассмотрим такой вопрос, как реализовать на сайте (блоге) галерею изображений с помощью плагина nextgen gallery ну и конечно разберемся со всеми тонкостями его настроек — это размещения галереи изображений в статьях, страницах, рубриках, установка водяного знака на изображения и множество других параметров.
Итак, ниже вы можете увидеть, как будет отображаться галерея изображений на вашем сайте.

Клик для увеличения

Настройка плагина nextgen gallery

Пункт установки и активации плагина пропускаю, думаю, вы не впервые устанавливаете плагины WP, а если призабыли, тогда вспоминаем .

После установки в админ. панели WP появится новый пункт «Галерея» с 7 пунктами, пронумерованы на скриншоте ниже.

1. пропускаем там статистические данные сколько создано галерей и альбомов.

2. «Добавить галерею/Изображения»

Клик для увеличения

• 1 – создать новую галерею – данный пункт будет установлен по умолчанию.
• 2 – указываем свое название галереи – к примеру: Корсеты2.
• 3 – переходим Add Files – откроется окно выбираем свои
  заранее.заготовленные изображения, картинки.
• 4 – открыть.
• 5 – список загруженных изображений.
• 6 – Start Upload – загрузка изображений в созданную галерею.

3. Управления галереями – в данном пункте будут отображаться созданные галереи и их информация (id, название, количество изображений, ).
Также в данном пункте устанавливается водяной знак той или иной галереи.

Клик для увеличения

• 1 – выбираем действие.
• 2 — отмечаем id.
• 3 – выбираем поставить водяной знак nextgen gallery.
• 4- применить.

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

5. Теги – правка, изменение или задать новые теги изображениям.

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

Клик для увеличения

п. 1 NextGEN Basic Thumbnails — основных миниатюр

Клик для увеличения

здесь основное внимание стоит обратить на п. 2 — здесь задаем размер изображений галереи, п. 3 сколько отображать на странице и вряд.
К примеру: зададим 3 изображения на страницу и 3 в ряд получим

Клик для увеличения

п. 2 NextGEN Basic Slideshow — слайд-шоу
здесь можно задать максимальный размер изображения (параметры 600 на 400 вполне нормальные) но можно и поэкспериментировать.
п. 3 NextGEN Basic imageBrowser — изображения в браузере.
Также можно оставить по умолчанию (Переключение страниц через AJAX)
п. 4 NextGEN Basic Single Pic — одиночное
здесь отмечаем п. 1, п. 2 и п. 3 отмечены на скриншоте

Клик для увеличения

обратите внимание на п. 2 показывать водяной знак (который подключается к галереи в Управлении галереи ).
п. 5 NextGEN Basic TagCloud — облако тегов.
максимальное количество тегов — по умолчанию стоит 45 — можно ничего не менять.
п. 6 NextGEN Basic Compact Album — компактный альбом.
п. 7 NextGEN Basic Extended Album — расширенный альбом.
Можно оставить по умолчанию с самого названия уже должно быть вам видно что они предназначены для альбомов, если будите создавать альбомы тогда можно их настроить указав сколько галерей отображать в альбоме и т.д.

7. Прочие настройки — здесь задаются основные настройки всему плагину в данном пункте 8 подпунктов.

Клик для увеличения

Здесь основное внимание хочу обратить на пункт 3 эффекты Lightbox и 4 водяной знак .
3 — эффекты Lightbox здесь два пункта.
Пункт 1. Выбор эффекта — их там 5, при установки того или иного эффекта изображения будут переключаться для просмотра по-разному. Пример, трех показан на скриншоте

Клик для увеличения

по тестируйте подберите свой эффект переключения изображений.

Пункт 2 . Позволяет выбрать область применения — можно выбрать для всех изображений которые у вас есть на сайте или только для этого плагина.

4. водяной знак — здесь настраиваем свой , можно надпись, или картинку.

Как разместить галерею изображений на странице

Для этого необходимо разместить шорткод на странице где вы собираетесь отобразить галерею
миниатюра галерей

Сегодня мы с вами рассмотрим очень полезный плагин галереи изображений для 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 - без преувеличения, самый популярный плагин фотогалереи для WordPress. По подсчетам разработчика, с 2007 года плагин был загружен более 13 миллионов раз. Давайте разбираться в причинах столь высокой его популярности.

NextGen Gallery - несомненно очень мощный и функциональный инструмент для загрузки, организации и управления галереями изображений, в котором имеются все самые необходимые средства для комфортной работы. Такие как: пакетная загрузка, импорт, редактирование, обработка, классификация и многое-многое другое. В июле 2013 года, вскоре после приобретения плагина компанией Photocrati, вышел NextGen Gallery 2.0 , который получил мажорное обновление в виде полностью переработанного интерфейса. С тех пор также доступны и платные версии NextGen Plus и NextGen Pro с расширенным функционалом. О них поговорим ниже.

Основные возможности NextGen Gallery

• Полностью адаптивный дизайн;
• Импорт ZIP-архивов с изображениями;
• Автоматическая загрузка и редактирование мета-данных фотографий;
• Централизованное и очень простое управление галереями;
• Пакетная генерация и обработка миниатюр;
• Простейший редактор изображений;
• Поддержка и пакетное редактирование водяных знаков;
• Организация галерей в альбомы;
• Несколько встроенных стилей отображения галерей;
• Поддержка настраиваемого слайд-шоу;
• 4 вида настраиваемых встроенных лайтбоксов;
• Возможность вывода и форматирования отдельных изображений;
• Интеграция в редактор;
• Поддержка шорткодов;
• Полноценная работа с тегами;
• Резервное копирование и восстановление фотоматериала.

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

Я не пользовался NextGen Gallery где-то с 2010 года. Не скрою, что со времен первых версий он сильно изменился. В-первую очередь, изменения заметны в скорости его работы. Если раньше плагин с трудом «заводился» на виртуальном хостинге, сейчас он летает даже на самых бюджетных тарифах. Интерфейс так же претерпел сильные изменения, причем в самую лучшую сторону. Он стал намного понятнее, логичнее, удобнее.

Установка NextGen Gallery

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

Создаем галерею

В NextGen существует несколько способов создания галерей. Можно создать стандартным образом и загрузить изображения с помощью собственного загрузчика, импортировать из нативной медиабиблиотеки, импортировать папку, загруженную на сервер по FTP или загрузить ZIP-архив. Мы пойдем самым простым путем и воспользуемся встроенным загрузчиком. Кстати, он оказался очень даже не плохим и довольно быстрым.

Управление созданными галереями происходит в одноименном разделе настроек плагина. Там все интуитивно понятно и просто. Галереи выводятся привычным для WordPress списком.

Создаем альбом

NextGen позволяет не только создавать галереи, но организовывать их в альбомы. Что невероятно удобно при большом количестве фотоматериала. Организация происходит так же в одноименном разделе «Управление альбомами» . Управление осуществляется простым выбором нужного альбома из выпадающего списка и перетаскивания в него необходимых галерей. Как видно на скриншоте, мы перенесли галереи всех европейских городов в альбом «Europe».

Пакетная обработка

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

Вывод изображений

Вариантов вывода изображений довольно много. Я остановлюсь лишь на самых, так скажем, популярных. Чаще всего бывает нужно вывести галерею изображений в записи блога или на какой-нибудь странице. Для этого в панели редактора можно заметить новую кнопку, которая и откроет доступ к публикации изображений из NextGen Gallery.

В NextGen имеется несколько различных способов вывода изображений.

При необходимости, можно полностью кастомизировать вывод изображений. Например, выводить не только галереи, но и отдельные изображения, целые альбомы или даже генерировать галереи по тегам.

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

На дефолтных настройках мы получим примерно такую картину.

И это лишь один из многочисленных способов интеграции галерей на страницы сайта.

Шорткоды NextGen

NextGen также имеет поддержку большого количества собственных шорткодов. С помощью которых можно генерировать и выводить динамические галереи в любом месте вашего сайта.

Примеры использования:

• - вывод галереи с ID 36;
• - та же самая галерея, но в виде слайд-шоу;
• - вывод альбома с ID 3 в компактном стиле;
• - вывод того же альбома с более подробной информацией;
• - генерация динамической галереи в которую войдут все изображения с тегами «city» и «autumn»;
• - вывод галереи с ID 36 с названиями фотографий, по 3 фотографии на странице;
• - вывод той же галереи, но в виде карусели из шести изображений;
• - вывод той же галереи с мета-данными фотографий;
• - сортировка изображений по тегам;
• - вывод облака тегов;
• - вывод одиночного изображения в стиле Web 2.0, где w,h - его размеры;

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

Платные версии NextGen

Как уже говорилось выше, у NextGen Gallery доступны 2 платные версии Plus и Pro, за $49 и $99 соответственно. Отличаются они тем, что в первой доступны 8 дополнительных адаптивных галерей, полноэкранный адаптивный лайтбокс, а также возможности защиты изображений, система комментирования и социального шаринга. Версия Pro включает то же самое плюс функционал электронной торговли фотографиями. Разумеется, в стоимость обоих версий входит техническая поддержка разработчика.

Дополнения

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

• WordPress Simple Paypal Shopping Cart - довольно простой способ превратить вашу фотогалерею в фотомагазин с оплатой через PayPal;
• NextGEN Gallery Sell Photo - еще один из способов организации на сайте продажи ваших фотографий;
• Thumbnail Gallery (WP NextGEN Gallery Template) - сделает ваши галереи стильными и неузнаваемыми, дополнив их премиальным функционалом;
• Wall/Grid Gallery (WP NextGEN Gallery Template) - аналогичный предыдущему плагин с поддержкой тачскринов и более чем 60-ю настройками внешнего вида;
• Thumbnail Scroller (WP NextGEN Gallery Template) - плагин из той же серии, с помощью которого можно создавать шикарные адаптивные карусели;
• PhotoMosaic for WordPress - фотомозаика для NextGen;
• NextGEN Gallery Fancyboxer - фантастические лайтбоксы для NextGen с 30+ различными настройками;
• Pics Mash Image Rating Tool - система рейтинга изображений;
• премиум-плагины для NextGen . Их не так много, но они очень интересные. Также можно посмотреть готовые премиум-шаблоны с поддержкой NextGen . На сегодняшний день их очень мало, но все впереди, я думаю. Впрочем, NextGen Gallery не имеет никаких особых требований к WordPress темам и должен работать на любой из них.

  В заключение

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

  Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.

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

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

Возможности плагина NextGEN по выводу галерей в WordPress

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

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

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

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

Если вы обратили внимание, то сверху приведенного примера написан короткий код для WordPress, вставив который в статью получите именно такой вариант вывода слайд шоу средствами NextGEN Gallery:

[ monoslideshow id=1 w=450 h=350 ]

В этом коротком коде в качестве ID нужно будет указать индивидуальный номер галереи, которую должным будет заранее создать в админке с помощью возможностей плагина (об этом читайте ниже). Также в этом коротком коде указан размер окна слайдшоу по ширине и высоте (не забудьте и свои , хотя бы в FastStone Image Viewer). Точно таким же образом можно вставлять в статьи Вордпресса и другие виды фотогалерей и одиночных изображений.

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

На демо сайте также можете посмотреть, как будет выглядеть галерея, созданная с помощью NextGEN. Причем, при ее выводе могут использоваться различные шаблоны плагина: Caption, Carousel, Example или GalleryView.

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

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

Также у него имеется возможность создания галерей для просмотра по одной фотографии на странице. При этом возможен как простой вариант показа (Image Browser), так и вариант с отображением специальной информации по данному изображению (Exif support).

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

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

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

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

Скачать NextGEN Gallery вы можете с официальной страницы — . Установка его ничем не отличается от традиционной. Распакуйте скачанный архив «nextgen-gallery.zip» и скопируйте полученную папку в этот каталог:

/wp-content/plugins/

Для подключения к своему блогу по FTP я советую пользоваться FileZilla, которая подробно описана , ибо программа удобна, проста и надежна. Потом вам нужно будет зайти в админку WordPress, перейти на вкладку «Плагины» — «Неактивные» и найти NextGEN. Нажмите по ссылке «Активировать» под его названием.

В админке в самом низу левой колонки меню у вас появится новая область под названием «Галерея» или «Gallery», если плагин не был автоматически русифицирован. Во-втором случае, для того чтобы получить русский интерфейс, вам нужно скачать русский перевод (файл nggallery-ru_RU.mo"). После этого подключитесь к вашему блогу по FTP и загрузите этот файлик русификации в папку:

/wp-content/plugins/nextgen-gallery/lang

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

Добавление картинок и создание фотогалерей в WordPress

Как я уже упоминал чуть выше, туда вы сможете попасть из самого низа левого меню админки Вордпресса:

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

На первой вкладке «Добавить новую галерею» вам необходимо вписать в поле «Новая» ее будущее название. Его следует писать на латинице (лучше транслитом), а в случае, если у вас еще не создана соответствующая папка «wp-content/gallery/», то вам нужно создать ее, например, при помощи все той же программы FileZilla и обязательно установить с помощью этого FTP клиент , разрешающие запись и удаление информации из нее.

Если папка «wp-content/gallery/» у вас успешно была создана и имела права доступ 777, то плагин NextGEN Gallery отрапортует об успешном добавлении первой галереи с ID=1 и там же будет приведен короткий код (shortcode) для ее вывода на страницы блога:

Gallery ID 1 successfully created. You can show this gallery in your post or page with the shortcode

А если вы загляните через FileZilla в папку «wp-content/gallery/», то обнаружите внутри новую папку с тем названием, которое вы дали новой фотогалереи (именно поэтому я рекомендовал набирать ее название на латинице).

После создания новой галереи в настройках NextGEN Gallery вас перебросит на вкладку «Загрузить изображения», где вы сможете выбрать из выпадающего списка название фотогалереи, в которую будут добавлены загружаемые вами картинки, а затем нажать на кнопку «Обзор» и выбрать на своем компьютере одно или несколько фото (для их выделения удерживайте Shift или Ctrl на клавиатуре).

Для их загрузки нужно будет нажать на кнопку «Загрузить изображения»:

В результате вы увидите окно, в котором наглядно показан процесс загрузки выбранных вами фотографий на сервер вашего блога, а так же одновременно с загрузкой плагин создаст превьюшки этих фото, которые вы в случае необходимости сможете отредактировать в его настройках. Физически файлы превьюшек будут дислоцироваться по следующему пути «/wp-content/gallery/название/thumbs».

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

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

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

Например, на вкладке «Водяной знак» вы можете настроить на все фотографии той или иной галереи. Его можно задать в виде графического файла, указав до него путь или же просто набрав текст в соответствующем поле, выбрав тип и размер шрифта.

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

Теперь давайте зайдем в настройки только что созданной нами Gallery.

Раз уж мы начали говорить о добавлении водяных знаков, то следует упомянуть о том, что для этого нужно будет поставить галочки напротив нужных фоток, выбрать из выпадающего списка вариант «Установить водяной знак» и нажать на кнопку «Применить». После этого превьюшки всех выделенных вами изображений, принадлежащих NextGEN, будут пересозданы с добавлением в них нужной надписи или логотипа.

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

Для того, чтобы изображения вашей галереи для WordPress могли бы , вам нужно будет добавить для каждого фото в столбце «Alt & Title текст / Описание» в верхнее поле так называемый ). В нижнее поле вы можете ввести описание к фотографии, которое будет отображаться при просмотре ее полноразмерного варианта.

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

NextGEN — вставляем в статьи галереи, слайдшоу и фото

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

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

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

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

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

Для вставки слайдшоу на страницы WordPress блога возможно использовать следующий короткий код плагина NextGEN:

Здесь в переменной ID вы указываете идентификатор нужной галереи с фотографиями, созданной вами ранее.

Для вывода альбомов нужно будет использовать следующий код:

или в компактном виде:

1. Для вставки галереи в WordPress понадобится прописать следующий короткий код:

Для вставки одного изображения, которое будет плавно увеличиваться при щелчке по нему мышью, нужно будет добавить при написании статьи следующий короткий код из арсенала NextGEN Gallery для вывода картинки с отражением:

или такого кода для вывода картинки с водяным знаком:

[ singlepic id=12 w=320 h=260 mode=watermark ]

2. Для вывода в Вордпресс галереи с одной картинкой на странице пропишите в тексте следующий код:
3. Каждой фотогалереи и изображению в настройках плагина есть возможность прописать определенные теги, на основе которых затем, например, можно вывести облако тегов или галерею с помощью данных тегов:

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Simple Counters и Category and Page Icons - красивые счетчики RSS и Twitter, а так же иконки для категорий и страниц в WordPress
Comment Toolbar - добавляем в комментарии WordPress возможность ответа и цитирования Как в плагине Yet Another Related Posts убрать прозрачный пиксель http://yarpp.org/pixels и изменить надпись Похожие материалы
Подсветка кода и кнопки форматирования комментариев в WordPress - SyntaxHighlighter и Comment Form
Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map)
Google XML Sitemaps - создание карты сайта для WordPress
Calendarize it! - Календарь мероприятий для WordPress
Снижение потребляемой в WordPress памяти при создании страниц - плагин WPLANG Lite для подмены файла локализации
Не отправляется почта из WordPress и не работает визуальный редактор - решение с помощью плагинов Configure SMTP и Post Editor Buttons
WP-PageNavi - постраничная навигация для блога на WordPress — установка, настройка и изменение внешнего вида пагинации
Хлебные крошки в WordPress средствами плагина Breadcrumb NavXT (усиливаем перелинковку)