Nextgen gallery не работает. Нужна галерея для wordpress? Плагин NextGEN Gallery идеально подойдет для этого

Всем привет! Сегодня я открываю рубрику по WordPress"у и начну с наиболее частого вопроса – галерей. Качественные плагины хороши тем, что их также можно использовать как каталог товаров в случаях, когда совсем не нужен интернет-магазин.

Для WP я в своё время искал плагины и перебирал всякие разные из них. Как-то раз я наткнулся на DatsoGallery для Joomla, посмотрел её в работе и в целом оно мне понравилось. Я решил найти что-то похожее на WordPress и в итоге оказался приятно удивлён NextGen Gallery, которая, вероятно, по некоторым пунктам даже лучше той самой датсо.

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

• Удобный загрузчик изображений и возможность загружать фотки в архивах.
• Возможность сжимать загружаемые изображения, и создавать миниатюры к ним, задавая качество, соотношение сторон и т.д. Если нужно срочно сменить все миниатюры – опять же пакетно их по-быстрому изменим.
• Возможность добавлять ватермарки на изображение, как текстовые, так и графические.
• На выбор встроены скрипты Thickbox, Lightbox (на jQuery) и Highslide. При этом очень легко можно встроить любой другой скрипт, если эти по каким-либо причинам не устраивают.

Гибкая настройка внешнего вида. Во-первых, есть несколько готовых стилей CSS, а во-вторых – если дружите с html и php, то можете отредактировать шаблоны как душе угодно.

Нет проблем с локализацией (на 15 языках официально).

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

Среди обнаруженных принципиальных минусов могу отметить следующие:

Что касается плагина и полезных ссылок для него:

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

1. Вывод альбомов происходит следующим образом:

   Или

   где X – id альбома, а вариант вывода template позволяет отображать вложенные альбомы компактно или расширенно () .

2. Вывод галерей:
3. Вывод одиночного изображения:

   где X – id изображения, h и w – высота и ширина, mode – дополнительная плюшка на изображение, принимает два значения watermark (добавляет ватермарку на изображение) и web20 (добавляет эффект отражения в зеркале) (

). 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);
• убедитесь, что в названии изображений нет кириличных символов и пробелов;
• проверьте разрешения на папки внутри директории плагина.

Добрый день, уважаемые читатели и гости LediSeo! Знаю, виновата, давно не публиковала новых интересных материалов. Сама уже переживаю, но ничего поделать просто не могу – физически не успеваю писать, на это есть ряд причин, о которых умолчу. Сегодня спешу выполнить просьбу моей постоянной читательницы, Любови, которая попросила разобраться с созданием галереи на wordpress. Я не могу оставить данную просьбу без внимания, не в моих это правилах, поэтому в данной статье мы с Вами поговорим о с помощью простого, но функционального плагина NextGEN Gallery, а также рассмотрим основные . Ну что же, долго кота за хвост тянуть не будем, а сразу приступим к делу. Итак, поехали……

1. Как я объявляла в конце апреля на блоге “Seo записки Отчаянной” ежемесячно проходит конкурс среди комментаторов. Тот из Вас, кто больше всего за месяц напишет сообщений и попадет в “Тор комментаторов” на первое место, получает от меня 100 рублей. Конечно, это не 1000 рублей, но все же.По итогам мая первую позицию в топе занял Никита. Поздравляю! Прошу победителя прислать свой электронный кошелек.2. Пожалуй, эту новость надо было ставить на первое место, но я девушка скромная, поэтому так тихо по секрету с Вами поделюсь – блог Отчаянной получил Кубок Признания от своих постоянных читателей. Огромное спасибо Люцине Соловьевой за оказанное внимание! Мне очень дорого Ваше мнение и мнение всех моих читателей, ведь именно для Вас я и создаю блог.3. У блога появилась своя группа на сервисе Subscribe.ru , которая называется “Блоггер пати” и располагается по адресу http://subscribe.ru/group/blogger-pati/ . Приглашаю всех желающих стать участниками группы. Обещаю, скучать не придется.

Вот, кажется основными новостями поделилась, а об остальных сюрпризах Вы уже начнете узнавать на этой недели, а мы все же вернемся к основной теме и создадим галерею на wordpress с помощью NextGEN Gallery. Почему именно этот плагин? Да потому что он прост в установке и обладает таким функционалом, что одной статьи не хватит, чтобы описать все настройки плагина NextGEN Gallery, мы остановимся на основных. Но для начала скачиваем дистрибьютив плагина с официальной страницы http://wordpress.org/extend/plugins/nextgen-gallery/ (я буду использовать неруссифицированную версию). Установка и активация плагина происходит стандартным образом, только после его активации в консоли управления у Вас появляется новый пункт Gallery(стрелочка 1), наведя на который откроется окно с пунктами настроек (стрелочка 2). Сейчас быстренько по ним пробегусь, чтобы было понять что для чего. Итак:

• Overview – Обзор, на данной вкладке можно просмотреть сколько изображений загружено, сколько создано галерей или альбомов
• AddGallery/Image – Добавить галерею\Изображение
• Manage Gallery — Управление галереей
• Album — Альбом
• Tags – Метки, позволяет использовать метки
• OPtions — Опции
• Style – Стили
• Roles — Роли
• About – О, здесь все о разработчиках
• Reset/Uninstall – Сбросить\Удалить, позволяет вернуться к стандартным настройкам или же удалить плагин.

Сложного и не понятного в данных настройках нет, поэтому переходим сразу непосредственно к созданию галереи на блоге, для этого нажимаем на пункт AddGallery/Image и попадаем на страницу создания галереи

В данное поле вводим на латинице название нашей галереи, которая будет размещена на хосте в директории wp-content/gallery/здесь имя созданной галереи (стрелочка 1) и затем нажимаем на кнопку Add gallery (стрелочка 2).

Мы сразу же попадаем на следующую страницу, где мы начинаем настройки NextGEN Gallery, а именно загружаем фото в галерею

Прежде всего хочу обратить Ваше внимание на стрелочку 6

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

Загружаем фотографии в галерею нажав на кнопку “Выберите файлы” (стрелочка 1) и в появившемся окне выбираем папку, из которой будем загружать снимки.

Стрелочкой 2 я подсветила строку, где Вы можете указать, что максимальный размер вывода картинок в галереи 800х600 рх. Изменить размер картинок в галереи Вы можете самостоятельно с помощью пункта OPtions – image

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

С помощью кнопки Upload images (стрелочка 4) начинаем загрузку снимков, но я предпочитаю загружать фото сразу целым архивом.zip зайдя во вкладку Upload a Zip-File (стрелочка 5). Мне достаточно на рабочем столе компьютера создать папку, куда поместить снимки и затем ее заархивировать в.zip архив и затем

в данной вкладке в поле Select zip-file (стрелочка 1) выбрать этот архив, потом в поле in to указать галерею в которую необходимо загрузить фото (стрелочка 2) и затем нажать на кнопку Start upload (стрелочка 3).

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

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

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

То есть кликнув на любую картинку из галереи у нас откроется вот такое окно поверх нашего блога,

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

В консоли управления выбираем пункт Manage Gallery и на открывшейся странице кликаем по названию галереи, в которой нам необходимо внести изменения

а именно слегка прокручиваем страницу вниз до того момента, пока не начнется список из картинок с несколькими столбцами, нас же должно интересовать Alt&Title Text/Description. По умолчанию у Вас будет в данном столбце

заполнена только маленькое поле Alt&Title Text, где будет прописано название загруженного изображение. У меня на скриншоте это простой набор цифр. Именно это и будет отражаться при наведении курсора мышки на тот или иной снимок.

А вот поле Description более широкое поле будет пустым, а именно благодаря ему и будет отражать описание снимка в галерее.

Поэтому я самостоятельно произвожу изменения в обоих полях прописываю необходимые мне слова – “салат из говядины и редьки” и ”салат “Для настоящего полковника””. Внеся изменения и у остальных снимков из данной галереи нажимаем внизу на кнопку “Save changer”, идем на блог и запускаемся нашу галерею

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

Разместить галерею на блоге можно не только внутри статьи, но и в боковой колонке, с помощью виджетов NextGEN Slideshow, NextGEN Widget, NextGEN Media rss

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

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

На сим я откланиваюсь. Всем удачи! Пока- пока. Не забудьте подписаться на обновление блога , чтобы не пропустить интересные материалы и главную новость июня – кто получить приз от Kazapa за историю о самом счастливом дне, а так же первое интервью в интернете …… Кого? А вот это секрет, узнаете все в июне.

Возможно Вам это будет интересно:

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 возможно будет просто ненужным балластом.

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

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

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

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

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

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

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

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

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

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

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

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