NextGEN Legacy — создаем красивую галерею в Wordpress

NextGEN Legacy — статья о плагине версии 1.9.13. Это последняя версия галереи перед переходом на новую версию. Nextgen Gallery – это самый популярный и востребованный плагин для создания галерей для Wordpress сайтов. С помощью Nextgen Gallery вы сможете вставлять в посты и страницы вашего блога не только галереи, но и отдельные фото и даже целые слайд шоу. Одним словом — эффективно управлять вашими графическими файлами и показывать их пользователям во всей красе. На сегодняшний день, это самый популярный плагин для создания галерей на WP.
Еще сравнительно недавно, Nextgen Gallery хоть и был сверх популярен, но все таки обладал некоторыми минусами. Например, возникала проблема с кириллицей и весьма высокой нагрузкой на сервер. Проблемы эти уже давно решены, хотя назвать плагин легким, я бы все таки, не решился и сейчас.
Плагин уже давно и полностью русифицирован. В этой статье я подробно расскажу вам о всех настройках плагина. О том, как создавать альбомы с галереями и как использовать их на страницах вашего сайта.
Возможности Nextgen Gallery
Настройка галерей
- Удобное, централизованное управление всеми вашими галереями изображений и фотографий из удобной панели управления плагином.
- Редактирование. Вы всегда можете создавать новые галереи, дополнять и редактировать ранее созданные.
- Управление миниатюрами. Генерация и настройка отображения миниатюр для ваших изображений.
- Редактирование изображений. Возможность задавать теги, описания, заголовки для отдельных изображений.
- Водяные знаки. Быстрое создание водяных знаков и защитных текстов на ваших изображениях.
- Альбомы. Объединяйте ваши галереи в альбомах для большего удобства.
Вывод галерей
- Два типа галерей для вывода на страницах вашего сайта. В виде слайд шоу галерей и в виде галереи миниатюр.
- Вывод одиночных изображений.
Управление из меню настроек и шорткоды
- Вы можете использовать удобное меню настроек плагина для управления галереями или воспользоваться шорткодами для более продвинутого использования. Кроме того, к вашим услугам специальная кнопка для быстрой вставки галерей и изображений в визуальном редакторе.
Установка и активация
Установка плагина совершенно стандартна. После установки и активации, в нижней части боковой консоли WordPress появится новое меню – «Галерея», все пункты которого мы сейчас разберем подробно.
Nextgen Gallery — настройка
Обзор
В этой вкладке показано, сколько всего галерей и изображений имеется в наличии. Кроме того, отображены последние новости от разработчиков Nextgen Gallery и блок ссылок на похожие плагины. Тут же можно загрузить русскую локализацию.
Добавить галерею/изображения
Загрузить изображения — загрузчик изображений в гелереи. Картинки можно сразу загружать в заранее созданную галерею. Есть возможность, воспользоваться flash-загрузчиком.
Добавить галерею — добавление новой, пустой галереи.
Загрузить zip-файл — загрузка изображений не по одному, а целым zip-архивом.
Импортировать папку с изображениями — вкладка для импорта картинок из других папок.
Галереи
Тут собраны все созданные вами галереи и базовая информация о каждой из них: ID, галереи, ее название, количество фотографий в ней. Отметив любую из галерей, вы можете выбрать из выпадающего списка набор действий которые можно тут применить ко всем изображениям — удалить, установить водяной знак.., и прочее. Подробнее смотри ниже в разделе «Редактирование изображений в галереях».
Альбомы
Управление альбомами и галереями. Важно помнить, что галереи могут входить в состав альбома, а не наоборот. То есть, сначала вам нужно создать альбом и уже в него добавлять имеющиеся галереи.
Теги
Управление имеющимися тегами изображений. Переименовать, удалить, изменить ссылку. Сами теги вы можете назначать картинкам при редактировании изображений в галереях.
Настройки
- Основные настройки. В этой вкладке собраны все основные настройки плагина, Здесь можно, например, прописать новый путь к папке с картинками галерей или поменять настройки, которые касаются тегов и категорий. Настройки по умолчанию лучше не менять, так как все настроено оптимально.
- Превью. Вкладка, полностью посвященная настройке миниатюр изображений. Можно изменить их качество и размер.
- Изображения. Тут настройка размера изображений (если включен чекбокс — автоматически изменять размер изображений при загрузке). Очистка кеша и настройка качества выводимых картинок.
- Галерея. Настройка внешнего вида галерей. При желании можно увеличить максимальное количество изображений, выводимых на странице или количество колонок изображений, а так же настроить показ слайд-шоу.
- Эффекты. Вкладка для разных типов эффектов при клике по картинке в галерее. При использовании стороннего плагина для эффектного вывода картинок, рекомендую выставить на — «Ничего», дабы избежать возможных конфликтов с плагином.
- Водяной знак. Настройка водяного знака для изображений ваших галерей. Настраивается положение относительно картинки, шрифт, выводимый текст или изображение.
- Слайдшоу. Настройка слайдшоу. Можно задать его размеры, скорость смены изображений и режим перехода одного в другое. Изображения могут сменять друг друга, как вашей душе угодно: плавно растворятся, наезжать друг на друга и т. д.
Стили
В этой вкладке собраны все css-файлы плагина, открытые для редактирования. Выбрав один из вариантов вы можете применить его для вывода галерей.
Роли
Если на вашем сайте есть пользователи которые имеют расширенный доступ к админке, то в этом разделе вы можете детально назначить им права.
О плагине
Полная информация о Nextgen Gallery и его создателях.
Сбросить/удалить
Обнуление всех произведенных настроек плагина или его полное удаление.
Создание галерей и альбомов
Создайте новую галерею, воспользовавшись вкладкой Добавить галерею/изображение. С помощью кнопки «Выберите файлы» загрузите изображения с компьютера. Не забудьте только перед этим выбрать собственно саму галерею, в которую вы будете загружать изображения. Кликните на кнопку «Загрузить изображения». Дождитесь пока плагин загрузит все картинки и создаст для них миниатюры. Галерея успешно создана!
Для создания альбомов перейдите в соответствующее меню — «Альбом».
Помните, что в Nextgen Gallery альбом состоит из галерей, а не наоборот. Создаете первый альбом — «Добавить новый альбом» и перетащите туда нужные галереи из правой части страницы. Жмите для сохранения — «Обновить». В последствии, вы всегда можете изменить сохраненные альбомы, выбрав нужный и перетащив из него галереи или изменить данные, кликнув на — «Редактировать альбом».
Вставка галерей в пост
Создайте новый пост или страницу, либо используйте уже созданную ранее. В визуальном редакторе вы увидите новую иконку – Nextgen. Поместите курсор в то место, куда задумали поместить галерею и кликните на этот значок. В возникшем диалоговом окне выберете название созданной ранее галереи и способ вывода изображений. Кликните на «Вставить», сохраните или обновите пост/страницу. Галерея добавлена!
Редактирование изображений в галереях
Для более тонкой настройки изображений, вы можете перейти в «Галереи» и кликнуть на нужную. В верхней части страницы можно изменить название и описание галереи, а так же задать страницу к которой галерея будет привязана. Ниже в выпадающем меню «Групповые действия» можно выбрать один из множества способов по разному изменять и воздействовать на изображения (предварительно, нужные должны быть выделены в чекбоксах внизу).
Еще ниже будет весь список изображений в галерее. Каждому в соответствующих полях можно изменить заголовок, описание и назначить тег.
Настройка виджетов Nextgen Gallery
Галереи изображений можно выводить не только в постах и на страницах, но и в сайдбаре, использовав виджеты Nextgen Gallery. Найти их можно в разделе «Внешний вид — Виджеты». Всего предусмотрено три виджета:
- Nextgen Media RSS — виджет, который отображает ссылки Media RSS для NextGEN Gallery.
- Nextgen слайд шоу — как понятно из названия, выводит поочередно картинки из выбранной галереи.
- Виджет Nextgen — показывает сразу несколько изображений выбранных галерей в зависимости от настроек.
Вообще говоря, существует довольно много разных плагинов — галерей. И платных и бесплатных. Но Nextgen Gallery по праву, давно и серьезно занимает положение лидера и активно поддерживается разработчиками и массой поклонников. Конечно такой популярный плагин просто не мог бы обойтись без сторонних дополнений и расширений.
О самых популярных плагинах для этой замечательной галереи вы можете почитать в отдельной статье — NextGEN Gallery — плагины и расширения.
Версия плагина на момент написания (обновления) статьи — NextGEN Gallery 1.9.12.
Список шорткодов для работы с галереей
Use Image Tags to Create Galleries/Albums
[ nggtags album=WordPress,Cologne,Ireland ]
Display Captions in Thumbnail Galleries
[ nggallery id=1 template=caption ]
Basic Filmstrip Galleries
[ nggallery id=2 template=carousel images=7 ]
Template Engine for Gallery Types
[ nggallery id=1 template=sample1 ]
[ nggallery id=1 template=sample2 ]
[ nggallery id=1 template=sample3 ]
[ nggallery id=1 template=sample4 ]
[ nggallery id=1 template=sample5 ]
[ nggallery id=1 template=sample6 ]
Display Exif Data
[ imagebrowser id=28 template=exif ]
Sort Images in a Gallery Based on Their Tags
[ nggtags gallery=cologne,wordpress,.. ]
Integration with Third Party Plugins
[ monoslideshow id=1 w=450 h=350 ]
[ nggallery id=1 template=galleryview images=0 ]
[ media id=6 width=320 height=240 plugins=revolt-1 ]
[ media id=3 width=320 height=240 plugins=rateit-2 ]
Add Tag Clouds
[ tagcloud]
Single Pic Options
[ singlepic id=x w=width h=height mode=web20|watermark float=left|right ]
Страница в каталоге WopdPress
Страница версии 2+
Я такую галерею тоже использую, только русифицированную версию. На другом блоге, правда, но все равно поддержу Вас — Nextgen Gallery лучшая.
Нужно поставить на своем блоге.
Со временем размещу тут описания лучших платных гелерей. Их правда почти нет. Оно и понятно. С таким «монстром» как Nextgen конкурировать даже платникам трудно.
Здравствуйте а как сделать так чтобы альбомы шли друг за другом (как галерея с картинками)
Вложите несколько галерей в один альбом и разместите его где вам нужно шоркодом. Будут выведены все галереи которые есть в этом альбоме. По отдельности конечно. Если вы хотите показывать картинки подрят без выхода из галереи, придется делать одну большую.
нет мне надо чтобы отдельные галереи были в отдельных альбомах вот.
когда я делаю вот так вывожу два альбома [album id=2 template=compact][album id=1 template=compact] они встают друг под другом а мне надо что бы они шли друг за другом
http://s015.radikal.ru/i330/1205/2a/00105690a376.jpg это как есть а как надо уже писал
аа хотя сделал уже засунул 2 галереи в один альбом получилось как надо =)
Ну да, альбомы для этого и созданы. А вообще, можно было еще использовать разметку страницы по столбцам. И в столбцы уже вставлять гелереи.
может вы сможете помочь.
Раньше была поддержка Full size link
wp-content/plugins/nextgen-gallery/thickbox/thickbox-pack.js
Open in a text editor and so a search for
Full Size
в новой версии плагина этой сроки как и самого файла /thickbox-pack.js нет…а вот ссылка очень нужна, как правильно её прописать и где?
Я и даже при самом большом желании не могу оказывать техподдержку всем плагинам. Вам напрямик сюда — http://wordpress.org/support/plugin/nextgen-gallery
Здравствуйте! Подскажите, пожалуйста, как в галлерею вставлять ссылки на фото с другого сайта. (потому что на моем сайте памяти немного, что загружать фото непосредственно на него). ЭТО ВОЗМОЖНО????? заранее спасибо.
В самой Nextgen Gallery такой возможности нет, насколько я знаю. Но Вы всегда можете использовать стандартные средства wopdpress. Ваша запись — Добавить медиафайл — С сайта (закладка).
Т.е. в Nextgen Gallery такой возможности нет? 🙁
А что же делать, подскажите, пожалуйста! — сайт на вордпрессе… необходимо создавать альбомы с фотками, ПРИЧЕМ как то красифо их оформлять. А на сайте памяти уже ( без фото ) осталось 400 МБ.
Может вы знаете какие существуют галлереи, в которые можно вставлять ссылки на фото с др. сайта????
Лена, мне видится 3 варианта: 1 — увеличить дисковое место на хостинге (не память конечно). Многие провайдеры это позволяют за доп. плату. 2 — Использовать метод который я описал выше. В этом случае галереи придется собирать вручную и естественно любые ссылки будут зависеть от источника. Проблемы на сайте источнике — и у Вас тоже соответственно ничего грузиться не будет.
3 — ну и наконец, задействовать ваши оставшиеся 400 мб. Это не так уж и мало, если оптимизировать все загружаемые фото как следует (размер, качество).
Вообще говоря, делать сайт под большое количество фото имеет смысл только с хорошим дисковым пространством на сервере. А это от 3гб.
Dmitry, спасибо, Вам, огромное за помощь и за совет!!! 🙂
Ой, забыла … Подскажите, пожалуйста, что делать с этим плагином (если все таки не буду его использовать) — его надо будет удалять или деактивировать просто?
Тут уж Вы сами решайте. Если у Вас сейчас нет и не будете впредь делать в нем галерей, то можно деактивировать и удалить. Деактивированный плагин сам по себе уже никак не влияет на работу сайта. Но при удалении он может удалить и свои базы данных. В данном случае — галереи.
Все таки плагин пригодился! Спасибо Вам огромное!
Здравствуйте, Дмитрий! Снова решила обратиться к вам с вопросом. Возможно Вам известно как можно сделать так, чтобы заходя на страницу Фото ( сайт на ВП ) пользователь автоматически переходил в Пикассу и там просматривал папки с фото ( надеюсь у Вы понимаете, что я имею ввиду). Я слышала, что такое возможно… Но как? Подскажите, пожалуйста
Насколько я понял, речь идет о гугловской программе просмоторщике «picasa». Для wordpress существует довольно много плагинов по взаимодействию с этой прогой. К сожалению, я пока ни с одним из них не сталкивался, ввиду низкой популярности этой программы у нас.
Пока же могу порекомендовать вам присмотреться к следующим плагинам
http://wordpress.org/extend/plugins/picasa-album-uploader/
http://wordpress.org/extend/plugins/picasa-express-x2/
Спасибо, Вам, большое!
Здравствуйте, Дмитрий!У возникли трудности с плагином Featured Posts Grid (галлерея для постов), может вы что-нибудь подскажите, пожалуйста. Я его скачала, установила и активировала. И когда я захожу в свои записи, я должна нажать — Изменить (любую из записей) и вверху (на панели значков) должен быть значок этого плагина, НО у меня его почему то нет. Что я не так сделала или делаю, помогите, пожалуйста!
Не использовал никогда этот плагин. Но, судя по описанию, там надо еще в код темы что-то добавлять. Да и не обновлялся он давно, может и в этом проблема.
Отличная статья, спасибо!
А подскажите, как вы реализовали кнопки твитнуть и facebook в режиме просмотр изображения?
Это встроенный функционал этой темы, что я использую. Я сам ничего не встраивал. Но вообще уверен, что наверняка есть. Поищите среди плагинов для этой галереи.
Здравствуйте
Подскажите пожалуйста
Настроила галерею. Всё работает.Но когда кликаешь на миниатюру, фотка увеличивается, но дальше не пролистываеться. И опять миниатюра маленькая возвращается.
Возможно потому, что вы вставили не галерею, а отдельное изображение?
Здравствуйте! У меня возник такой вопрос: номер галереи устанавливается автоматически. Возможно ли как-то назначать или изменять номер галерей вручную? Если изменить номер в уже созданной галерее (и в «постоянной ссылке») — она становится недоступной.
Спасибо.
Нет, никаких способов изменения ID (это видимо и есть то что Вы называете номером) в опциях галереи не предусмотрено.
Спасибо. Очень жаль, конечно, что ID(это и есть то, что я называете номером галереи — простите) не изменить. Одни галереи удаляются, а на их место возможно было бы поставить другую….ID присваивается автоматически — с этим тоже ничего не сделать?
ID это идентификационный номер. Он никак не влияет на физическое расположение галереи. Вы что хотите получить в результате?
Попробую объяснить. У меня интернет-магазин на WP. Для того, чтоб у товара было несколько картинок, мне пришлось поставить Nextgen Gallery — это единственный, на мой взгляд, выход из этой ситуации — в WP галерея поддерживает только одну картинку.Nextgen Gallery — замечательный в это отношении плагин.
Текучесть товара большая, и когда товар продается, на его место (под тем же артикулом) встает другой товар. Так же я поступаю и с галереей — загружаю картинки нового товара, взамен проданного. С этим все просто.
Но. ID у галерей можно идет по порядку не зависимо от того, есть ли пропуски (например, ID 5, 10 , 15, 40 нет, они когда-то были удалены), но он не занимает пропущенные номера.
И потом, галерей очень много, порядка 500 штук, хотелось бы отсортировать их в алфавитном порядке по товару (например А — ID с 1 по 25, Б — с 26 по 50 и т.д.) Это мне хотелось бы сделать для своего внутреннего удобства.
Ну вообще то в Вордпресс по умолчанию, можно создавать галереи из нескольких картинок и без всяких плагинов, с привязкой к странице или записи.
Я не спец по магазинам, но мне кажется в вашем случае, лучше использовать какой ни будь отдельный слайдер. Для каждого товара создаете новый. В уже созданных можете менять картинки как вам нравится. По крайней мере, в премиум темах для магазинов сделано так.
А в nextgen галереи можно сортировать хоть как то только с помощью альбомов.
Спасибо, буду разбираться.
Добрый день!
Возможно вы сможете подсказать как правильно организовать вывод галерей в альбоме?
Необходимо сделать 3 столбца и вывести 9 галерей, снизу должна появится ссылка на постраничную промотку. В поддержке ответа так не дают уже 2 дня, как я понял там мало кому отвечают. Спасибо заранее если дадите ответ.
Добрый. Не очень понял в деталях. Но может Вам просто сделать разбивку на странице на 3 столбца (ну или девять) и в каждом выводить альбом в режиме браузера — [imagebrowser id=01]
Могу также посоветовать поискать среди аддонов к этому плагину. Там вероятно все есть, но нужно найти 🙂
http://www.nextgen-gallery.com/nextgen-gallery-extension-plugins/
хотел сделать вот так, а внизу постраничную прокрутку.
http://cs322128.vk.me/v322128336/17e0/SdvcpME_fsQ.jpg
Думаю, тут Вам скорее нужен какой нибудь слайдер, а не галерея. Например, вот этот — https://wpnice.ru/bookshelf-slider-vitrina-dlya-vashego-sajta/. А уже в нем на картинки цепляйте ссылки на страницы с вашими галереями и альбомами.
не пойдет, там галерей уйма будет
А что мешает сделать уйму? В любом случае, Nextgen вам именно такую визуализацию не сделает. Тут нужен еще какой слайдер или мощная галерея типа этой — http://codecanyon.net/item/justified-image-grid-premium-wordpress-gallery/2594251. Хотя и там надо сначала внимательно поизучать демо.
а если сделать миниатюрами в новостях? такое реально?
Ну это фактически то же, что и просто использовать стандартные шорткоды NG на любой странице или записи. Однако красивой визуальной прокрутки это не даст.
о какой прокрутке идет речь? возможно вы не поняли того что я хочу сделать, мне нужно применить это только в отношении вывода галерей в альбоме, постраничная листовка их как обычных записей на сайте, а то сейчас каша в альбоме, нужно сделать чтобы все было красиво,
В альбоме сейчас вот так
http://image.kz/img/35/356f229ae4e8bb99134476ed9088b8bf.jpg
а нужно выводить по 9 галерей как на первой картинке указал, а остальное под кнопки вперед и назад спрятать. )
Так и я вроде про это. Вы же хотите с помощью кнопок прокручивать свои галереи на одной странице. NG этого делать не умеет сама по себе. Вы можете просто вывести несколько галерей в одном альбоме на отдельной странице.
Поэтому я вам и посоветовал использовать именно слайдеры которые умеют делать прокрутку на одной странице. А уж галереи у вас там будут, отдельные картинки или видео — не важно, смотря куда ссылки поставите.
нет, страницами, мне не нужна постоянная подгрузка.
Почти любой слайдер можно настроить только на ручную прокрутку с помощью кнопок.
но ведь страницы в wp сделаны не с помощью слайдера, неужто в NG все так сложно. Я думал есть какой хак. Просто сапорт у них реально мертвый.
Он не мертвый а бесплатный 🙂
на линуксе тоже поддержка бесплатная ) но не мертвая )
устал я уже искать решение казалось бы мелкой проблемы.
Может кто-нибудь знает как реализовать добавление комментариев к фото?
p.s. Дмитрий, спасибо Вам за очень полезный пост!
может это — http://wordpress.org/plugins/nextgen-gallery-comments/
Отстойная галерея, здесь никак не могу добавить картинки после исправления их фотошопом, никакие форматы не читает!!!!
Действительно классный плагин.
Здравствуйте. Подскажите если знаете. Не могу загрузить в галерею много фотографий. 400. Есть какие то ограничения по количеству. Доходит где то до 200 и пишет что ошибка загрузки. И главное зараза летит весь сайт. Сайт на главной выводит повторную установку как будто движок только загружен на хостинг.
Размер файлов какой? Скорее всего мрет из-за хостинга. Советую удалить цветовые профиля с файлов (это можно сделать пакетной обработкой через иксвьюв) и уменьшить размер файлов. + посмотреть в настройки пхп, там может стоять ограничение на выполнение запросов.
Добрый день, подскажите в чем может быть дело . Установил водяной знак , применил его к картинке все сохранил , но водяной знак не отображается …. Причину не могу найти.
В галереи получаются нечеркие изображения (размытые) подскажите выход
Пожалуй лучший плагин на сегодняшний день, о чём свидетельствует количество скачек данного плагина!
Привет всем. Плагин-то классный,и статья интересная, а вот русская версия для плагина существует?
Я глянул плагин- 890 слов для перевода! Поработать, конечно, можно… Однако лучше взять готовый , переведённый . Вопрос вот — где его найти?
Поработать всегда полезно, но вообще-то там есть уже русский язык.
Дмитрий, добрый день. Спасибо за статью. В worpress человек новый. Подскажите, пожалуйста, можно ли сделать так, что бы в статье появлялась только одна фотка (назовем ее главной), но при нажатии на нее она должна открыться в лайтбоксе. И при этом должна появиться возможность просмотра остальных фоток галереи в этом же лайтбоксе (скажем, при щелчке на правую или левую часть фото). Надеюсь выразил свою мысль правильно. В инете ответ не нашел. Вся надежда на Вас. Заранее спасибо
Добрый. По моему, сейчас любой лайтбокс плагин это поддерживает. Например этот https://wordpress.org/plugins/wp-lightbox-2/
Как не старался, но так и не смог правильно сформулировать свой вопрос. Я имел ввиду, что не получается добавить в статью галерею, в которой изначально отображается только одна фотография. Можно вставить только одно фото, либо галерею со всеми превьюшками. А хотелось бы, что бы отображалась лишь одна фотка с галереи, а уже потом — при клике на нее, можно было бы просмотреть остальные фотки
Понятно. Сходу на ум приходит только встроенная галерея в теме «the7». Вот пример — _http://comfortcar.net/gallery/ Возможно, есть и еще где-то, но надо изучать вопрос более детально 🙂
Перерыл с десяток плагинов галерей, но подобной фишки так и не нашел. Спасибо за отзывчивость и оперативность. Буду рыть дальше, тему менять не хочется)))
а не проще на странице поставить основное фото и в настройках к нему прописать ссылку на галерею (шорткод), тогда при клике на фото будет открываться галерея?
Что то ничего с этой галереей у меня не получается. В меню консоли пункт Галерея выдает только одну настройку Теги и все больше никаких пунктов нету. Подскажите что делать?