Всем привет! Сегодня я открываю рубрику по WordPress'у и начну с наиболее частого вопроса – галерей. Качественные плагины хороши тем, что их также можно использовать как каталог товаров в случаях, когда совсем не нужен интернет-магазин.
Для WP я в своё время искал плагины и перебирал всякие разные из них. Как-то раз я наткнулся на DatsoGallery для Joomla, посмотрел её в работе и в целом оно мне понравилось. Я решил найти что-то похожее на WordPress и в итоге оказался приятно удивлён NextGen Gallery, которая, вероятно, по некоторым пунктам даже лучше той самой датсо.
С тех пор для галерей я использую её и рекомендую другим. Почему? Есть ряд причин, которые меня в ней привлекают и радуют. Чуть ниже перечислены её основные достоинства:
-
Вполне удобная и разноплановая сортировка галерей по альбомам, и сортировка изображений непосредственно в галерее. Что хотим, то и получаем.
- Удобный загрузчик изображений и возможность загружать фотки в архивах.
- Возможность сжимать загружаемые изображения, и создавать миниатюры к ним, задавая качество, соотношение сторон и т.д. Если нужно срочно сменить все миниатюры – опять же пакетно их по-быстрому изменим.
- Возможность добавлять ватермарки на изображение, как текстовые, так и графические.
- На выбор встроены скрипты Thickbox, Lightbox (на jQuery) и Highslide. При этом очень легко можно встроить любой другой скрипт, если эти по каким-либо причинам не устраивают.
-
Гибкая настройка внешнего вида. Во-первых, есть несколько готовых стилей CSS, а во-вторых – если дружите с html и php, то можете отредактировать шаблоны как душе угодно.
-
Нет проблем с локализацией (на 15 языках официально).
И это не говоря об управлении доступом к редактированию и добавлению изображений, наличии слайдшоу на флэше, поддержки тегов для изображений, наличии ЧПУ и пр., а также о всяких разных надстройках, которые блуждают по всемирной паутине.
Среди обнаруженных принципиальных минусов могу отметить следующие:
-
Первый минус связан с ЧПУ. Красивые урлы это здорово, но вот они однотипны и прописываются от корня сайта. Поэтому, если к странице /mycatalog/razdel1/ прописать сложную галерею, то оттуда ссылки попрут на директории типа /nggallery/album-1/gallery-1/. Не уверен. что это хорошо для СЕО. Однако это легко поправимо. Нужно создать всю вложенную структуру каталога изображений в стандартной вкладке WP "Страницы", а потом каждой странице прописать соответствующую галерею.
-
Второй минус связан с тайтлами. Плагин тупо пишет в заголовках страницы Галерея 1 Альбом 1. Нереальный бред и для сео полный трэш. Но о его устранении я напишу в будущей статье.
-
Третий минус – придётся привыкнуть к терминологии галерей и альбомов, чтобы потом не путаться в админке
Что касается плагина и полезных ссылок для него:
И напоследок кратко о применении плагина. По последней ссылке, конечно, можно посмотреть всё вживую, но всё таки придётся там побегать по страницам, так что кратенько – вуаля:
- Вывод альбомов происходит следующим образом:
[album id=x template=extend] или [album id=x template=compact]
где X – id альбома, а вариант вывода template позволяет отображать вложенные альбомы компактно или расширенно .
- Вывод галерей:
[nggallery id=x]
где X – id галереи.
- Вывод одиночного изображения:
[singlepic id=x h=height w=weight mode=web20]
где X – id изображения, h и w – высота и ширина, mode – дополнительная плюшка на изображение, принимает два значения watermark (добавляет ватермарку на изображение) и web20 (добавляет эффект отражения в зеркале) .
- Вывод слайдшоу:
[slideshow id=x w=width h=height]
где X – id галереи, h и w – высота и ширина.
- Постраничный вывод изображений галереи:
[imagebrowser id=x]
где X – id галереи .
- Вывод изображений по тегам:
[nggtags gallery=mytag,shublog,... ]
.
Вот такое вот моё ИМХО. Буду очень рад комментариям на тему, особенно в плане того, чем пользуетесь вы, почему, и что может быть даже лучше NextGen'а, но было мною упущено. И конструктивную критику тоже крайне приветствую
(голосов: 5, средний: 5.00 из 5)
Загрузка ...
17/01/2012 at 16:10 Постоянная ссылка Цитировать
A NGG voting вы ставили?
Как сделать голосование за 1 изображение??
Голосуется только за галерею, а надо голосование в галерее.
18/01/2012 at 11:12 Постоянная ссылка Цитировать
ммм, нет, не ставил, не было задачи
а в функционале плагина такое есть?
18/01/2012 at 11:20 Постоянная ссылка Цитировать
Да, надо было отредактировать файл gallery.php в loop добавить
<?php echo nggv_imageVoteForm($image->pid); ?>только новая фигня — картинки поползли лесенкой.
не могу понять в какую строчку надо вставить
<!-- Thumbnails --><?php foreach ($images as $image) : ?>
<?php echo nggv_imageVoteForm($image->pid); ?>
<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> >
<div class="ngg-gallery-thumbnail" >
<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
</a>
</div>
</div>
<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
<br style="clear: both" />
<?php } ?>
<?php endforeach; ?>
18/01/2012 at 11:28 Постоянная ссылка Цитировать
сместила на три строчки вниз, прям перед началом и всё стало ровненько.
вдруг кому пригодится
21/01/2012 at 11:19 Постоянная ссылка Цитировать
Спасибо! Если мне тоже оно вдруг понадобится, вспомню про эти комменты =)
06/02/2012 at 14:23 Постоянная ссылка Цитировать
Рита, у меня тоже появилась такая же проблема с голосованием, фото поползли ступенькой, а сами “звездочки” голосования сбились в одну кучу.
Подскажите пожалуйста что именно и где вы сдвигали чтобы исправить такое поведение плагина?
06/02/2012 at 15:50 Постоянная ссылка Цитировать
ДЛЯ НЕВНИМАТЕЛЬНЫХ
файл gallery.php в loop добавить
<?php echo nggv_imageVoteForm($image->pid); ?>
<!-- Thumbnails -->
<?php foreach ($images as $image) : ?>
<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> >
<div class="ngg-gallery-thumbnail" >
<?php echo nggv_imageVoteForm($image->pid); ?>
<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
</a>
</div>
</div>
<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
<br style="clear: both" />
<?php } ?>
<?php endforeach; ?>
07/02/2012 at 7:14 Постоянная ссылка Цитировать
Спасибо Рита. Все получилось. И еще вопрос, если можно.
Можно ли сбросить все голоса? Ну то есть убрать все отданные голоса за изображение, начать с “чистого листа”.
03/05/2012 at 19:24 Постоянная ссылка Цитировать
Спасибо за статью, я тоже использую NextGen на своём сайте. Сайт у меня, как Вы пишете в начале статьи, каталог товаров (салон цветов) и интернет-магазин мне не нужен. В связи с этим вопрос – можно ли как-нибудь выводить ID каждой картинки в галереи? Хотелось бы использовать их для опознавания товара, а то очень неудобно, когда клиенты звонят и говорят что-то типа “а мне вот тот букетик на пятой страничке, который красивый такой”…
Буду очень благодарна, если подскажете, как выводить ID картинок.
Заранее спасибо!
03/05/2012 at 20:50 Постоянная ссылка Цитировать
А вам спасибо за отзыв =)
Попробуйте прописать в файле /plugins/nextgen-gallery/view/gallery.php в цикле вывода фоток где-нибудь что-то типа
<?php echo $image->pid ?>03/05/2012 at 21:22 Постоянная ссылка Цитировать
Работает! Спасибо Вам большое за помощь! Теперь мне будет намного удобнее
03/05/2012 at 21:24 Постоянная ссылка Цитировать
Всегда пожалуйста! =)
18/05/2012 at 17:29 Постоянная ссылка Цитировать
Здравствуйте а как сделать так чтобы альбомы шли друг за другом (как галерея с картинками)
18/05/2012 at 17:34 Постоянная ссылка Цитировать
Ну вставьте коды нескольких gallery на страницу.
Объедините gallery в album
Вопрос лично мне плохо понятен
18/05/2012 at 17:51 Постоянная ссылка Цитировать
нет мне надо чтобы отдельные галереи были в отдельных альбомах вот.
когда я делаю вот так вывожу два альбома [album id=2 template=compact][album id=1 template=compact] они встают друг под другом а мне надо что бы они шли друг за другом
18/05/2012 at 17:55 Постоянная ссылка Цитировать
20/05/2012 at 11:22 Постоянная ссылка Цитировать
\plugins\nextgen-gallery\view
тут лежат все шаблоны, нужны будут шаблоны album
\plugins\nextgen-gallery\css\nggallery.css
а тут цсс файл
И вот тут включаем все свои знания по html и css =)
22/05/2012 at 23:40 Постоянная ссылка Цитировать
А может быть Вы знаете ещё и как поиск по этим id изображений организовать? А то стандартным поиском они не ищутся, к сожалению
24/05/2012 at 15:50 Постоянная ссылка Цитировать
Добрый день!
Очень интересуют некоторые вопросы по расширению и исправлению функционала по данному плагину. Может кто сталкивался и подскажет.
1. Вывожу в пост галерею в ней 3 картинки с одинаковыми тегами если перехожу по тегу высвечивается страница с двумя картинками при чем вторая множится и в конце страницы выпадает ошибка пхп.
2. Не знает ли кто как можно сделать поиск по галерее по названию картинки или имени автора или различных дополнительных полей? Вообще есть ли search специально заточенный для данного плагина? Или search просто по картинкам?
3. Как можно прикрутить у данному плагину другой плагин (тот же самый Lightbox или какой другой) только для отображения картинки после клика на Thumbnails да еще чтобы при этом добавить социальные иконки под картинку?
Ну просто ОЧЕНЬ интересуют данные вопросы!
26/06/2012 at 1:10 Постоянная ссылка Цитировать
Ребят а подскажите как рейтинг голосования отобразить под фото а не над. спасибо!
разобрался, спасибо!
28/08/2012 at 12:51 Постоянная ссылка Цитировать
Добрый день, спасибо за полезную статью.
Если можно как для блондинки расшифруйте как это сделать
– Нужно создать всю вложенную структуру каталога изображений в стандартной вкладке WP “Страницы”, а потом каждой странице прописать соответствующую галерею.
Давно ищу решение этой проблемы.
Спасибо.
28/08/2012 at 15:59 Постоянная ссылка Цитировать
Добрый день! Спасибо =)
Нужно создать все страницы через вкладку Страницы в админке, и на каждой из этих страниц прописать код нужной галереи, типа [nggallery id=777 ]
18/09/2012 at 17:43 Постоянная ссылка Цитировать
Подскажите, а как вывести теги картинки?
Я сделал свой шаблон вывода галлереи – но мне нужно чтоб под картинками была доп информация.. С названиями- понятно, скажем <?php echo $image->alttext ?>
А теги как?!
Please help!!
19/09/2012 at 10:44 Постоянная ссылка Цитировать
День добрый! Попробуйте использовать функции nggShowAlbumTags и nggShowGalleryTags, вероятно это то, что нужно. Если не подойдёт, видимо надо в шаблоне просто напрямую делать запрос к базе данных и к тэгам.
20/09/2012 at 12:50 Постоянная ссылка Цитировать
Ой. А не напишете полностью строчку кода, как заставить эти функции вывести тег картинки!? ))
Пажалуста!! )
Я вобщем-то чайник в php (на уровне в тему-функции повставлять) – а структуру базы данных посмотрел, вообще ничего не понял. Теги храняться в общей табличке тегов wp – в табличке ngg-картинок про них вообще ни слова! Как оно собственно, узнает какие картинки куда относятся!?
30/07/2013 at 12:05 Постоянная ссылка Цитировать
Александр, а как быть, если нужно вставить слайдшоу этого плагина в шаблон php, какой нужно будет прописать код?
01/08/2013 at 22:17 Постоянная ссылка Цитировать
Просьба детально объяснить желание – что именно нужно.
03/08/2013 at 10:45 Постоянная ссылка Цитировать
Допустим, нужно вставить код в файл index.php движка Word Press.
Он должен выглядеть в виде кода php, потому что если его вставить в виде кода в квадратных скобках [...............], то он работать не будет. Вот и хотелось бы знать, как он должен выглядеть в виде кода php.
03/08/2013 at 19:53 Постоянная ссылка Цитировать
Вспоминать азы php и собственноручно выводить нужные галереи через запросы к базе. А для этого нужно посмотреть что откуда и как в базе делается этим плагином, благо это не очень сложно.
А если проще, то шорттеги в записи. Можно сделать черновую запись, туда шорттег нужный, а потом где-то в коде выводить текст записи – при этом сама запись никуда на сайте по меню не выводится.
05/08/2013 at 12:15 Постоянная ссылка Цитировать
Подскажите, возможно ли вставить код комментирования (например от вконтакте), что бы он выводился на каждом отделном изображении?
06/08/2013 at 9:31 Постоянная ссылка Цитировать
Да, если для каждой картинки создавать свою страницу (галочка в настройках плагина). И останется изменить только шаблон вывода. Кажется, он называется singlepic или что-то в этом роде.
01/11/2013 at 14:13 Постоянная ссылка Цитировать
Интересует возможность вывода изображений, за которые было больше всего голосов. Это возможно?
01/11/2013 at 14:55 Постоянная ссылка Цитировать
Вопрос, как изменить фон на котором располагаются “звездочки” плагина голосования?
06/03/2014 at 11:04 Постоянная ссылка Цитировать
Добавляю галерею на страницу из папки с помощью attach to post и пишет ошибку Not a valid AJAX action
Если добавить просто, то пишет [Show slideshow] хотелось бы убрать эту надпись
18/03/2014 at 8:59 Постоянная ссылка Цитировать
Здравствуйте.
А кто-нибудь может подсказать, как организовать показ КОЛИЧЕСТВО ГОЛОСОВ, а не среднюю оценку по фото?
18/03/2014 at 9:03 Постоянная ссылка Цитировать
Вопрос к тем, кто голосовалку настраивал =)
18/04/2014 at 13:50 Постоянная ссылка Цитировать
Ну никак не получается NextGEN Gallery Voting настроить, не отображаются голоса и все тут, что может быть, мож кто то подскажет??
20/04/2014 at 6:40 Постоянная ссылка Цитировать
Алексей, пиши в аську 558-179-756.. посмотрим что там у тебя.
12/07/2014 at 15:10 Постоянная ссылка Цитировать
Здравсвуйте. Подскажите, пожалуйста, как сдружить этот плагин с другими. В частности, у меня из другого плагина #_EVENTDATES выводится дата мероприятия, как и где прописать в плагине Nexgen чтобы этот код заработал?
Пример: #_EVENTDATES – тут дата мероприятия, на странице галлереи фотки с этого мероприятия, как прикрутить в ним дату?
12/07/2014 at 15:22 Постоянная ссылка Цитировать
К сожалению, не работал с ивентдейтсом и не могу подсказать. Может кто-то из читателей сталкивался или имеет времечко всё установить и проверить. Но в этом случае я советовал бы более детально описать, что именно не работает и что именно вы хотите получить, поскольку описание отчасти непонятно. Точнее – как хочешь, так и понимай =)
12/07/2014 at 16:04 Постоянная ссылка Цитировать
Пытаюсь сдружить плагин Events Manager с плагином Nextgen Gallery, а именно: с первым плагином выводятся мерприятия, то есть дата и время когда будет и описание, на странице галерей фотки с этого мероприятия. Вот хочу прикрутить дату этого мероприятия к фоткам с этого мероприятия. Для Events Manager это заполнитель #_EVENTDATES, вот и думаю где что нужно написать-прописать, какую функцию может, чтобы этот заполнитель сработал в другом плагине, то бишь Nextgen Gallery.
08/09/2014 at 2:54 Постоянная ссылка Цитировать
Александр, спасибо за такую полезную статью!
Подскажите, пожалуйста, как реализовать такую вещь: нужно сделать возможность выбора картинок по тегам. То есть, допустим, на странице выводится вся галерея, справа – облако тегов. Пользователь выбирает из 10 тегов 3, и получает набор картинок, которые имеют эти три тега. Затем щелкает на одну из картинок, попадает на изображение в большом размере, под которым видит список тегов, которые относятся к данному изображению.
Я настраиваю галерею и теги в ngg, получаю на странице всю галерею (то, что нужно), и облако тегов рядом (тоже то, что требовалось), но при этом у меня есть возможность выбрать лишь 1 тег для фильтрации изображений. А нужно несколько..
Может быть, вы знаете, как это сделать?
08/09/2014 at 16:11 Постоянная ссылка Цитировать
Добрый день!
Вам скорее кто-то из читателей ответит, тут я не смогу вам помочь (
08/09/2014 at 20:28 Постоянная ссылка Цитировать
Очень жаль, но все равно спасибо за Вашу работу
12/12/2014 at 23:48 Постоянная ссылка Цитировать
Тоже не получается NextGEN Gallery Voting настроить, по скайпу объясните?
13/12/2014 at 8:43 Постоянная ссылка Цитировать
Роман, а в чем именно не получается?
Версии движка, плагинов?
29/12/2015 at 9:00 Постоянная ссылка Цитировать
Спасибо за вашу статью
29/12/2015 at 11:17 Постоянная ссылка Цитировать
Пожалуйста!
02/03/2016 at 10:52 Постоянная ссылка Цитировать
Подскажите, а есть где-то чёткие определения, что они подразумевают под альбомами и что под галереями?
Вообще плагин отвратительный, неюзабельный страшно! Почему нужно вставлять картинки через какие-то ID? Ещё и хрен пойми, где искать соответствия этих ID альбомам/галереям. И как научить девочку без образования политехнического института добавлять галереи?
02/03/2016 at 11:33 Постоянная ссылка Цитировать
Галереи – это набор картинок, а альбомы – это набор галерей.
Вообще статья несколько устарела. ВП очень сильно вырос, и сейчас внутренний функционал галерей при правильном подходе можно очень удобно использовать. Так что советую покурить в эту сторону =)
13/05/2017 at 17:57 Постоянная ссылка Цитировать
Этот шорткод только для вывода одного изображения. Вы можете использовать несколько шорткодов для ряда изображений, либо использовать другой плагин галереи. Также можно вставить ряд картинок встроенными средствами галерей WordPress. NextGen не дает такой возможности, он выводит только полноценную галерею с миниатюрами снизу. В чем разница между галереей и альбомом? Проще говоря, галереи содержат ваши изображения, а альбомы содержат ваши галереи. Альбомы работают как ссылки или закладки для того, чтобы легко перемещаться между галереями, а уже сами галереи будут отображать ваши изображения.