Галерея NextGen Gallery для Wordpress. Часть 1. Почему NGGallery?

« Предыдущая запись
 
  Следующая запись »
 

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

wordpress Галерея NextGen Gallery для Wordpress. Часть 1. Почему NGGallery?

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

С тех пор для галерей я использую её и рекомендую другим. Почему? Есть ряд причин, которые меня в ней привлекают и радуют. Чуть ниже перечислены её основные достоинства:

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

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

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

  • Первый минус связан с ЧПУ. Красивые урлы это здорово, но вот они однотипны и прописываются от корня сайта. Поэтому, если к странице /mycatalog/razdel1/ прописать сложную галерею, то оттуда ссылки попрут на директории типа /nggallery/album-1/gallery-1/. Не уверен. что это хорошо для СЕО. Однако это легко поправимо. Нужно создать всю вложенную структуру каталога изображений в стандартной вкладке WP "Страницы", а потом каждой странице прописать соответствующую галерею.
  • Второй минус связан с тайтлами. Плагин тупо пишет в заголовках страницы Галерея 1 Альбом 1. Нереальный бред и для сео полный трэш. Но о его устранении я напишу в будущей статье.
  • Третий минус – придётся привыкнуть к терминологии галерей и альбомов, чтобы потом не путаться в админке icon smile Галерея NextGen Gallery для Wordpress. Часть 1. Почему NGGallery?

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

Скачать плагин
Скачать более старые версии плагина (и посмотреть к какой серии WP что относится)
Русификатор к различным версиям
Различные языки, включая русский
Сайт плагина, где можно посмотреть примеры и их применение

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

  1. Вывод альбомов происходит следующим образом:
    [album id=x template=extend] или [album id=x template=compact]

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

  2. Вывод галерей:
    [nggallery id=x]

    где X – id галереи (пример).

  3. Вывод одиночного изображения:
    [singlepic id=x h=height w=weight mode=web20]

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

  4. Вывод слайдшоу:
    [slideshow id=x w=width h=height]

    где X – id галереи, h и w – высота и ширина (пример).

  5. Постраничный вывод изображений галереи:
    [imagebrowser id=x]

    где X – id галереи (пример).

  6. Вывод изображений по тегам:
    [nggtags gallery=mytag,shublog,... ]

    (пример).

 

Вот такое вот моё ИМХО. Буду очень рад комментариям на тему, особенно в плане того, чем пользуетесь вы, почему, и что может быть даже лучше NextGen'а, но было мною упущено. И конструктивную критику тоже крайне приветствую icon smile Галерея NextGen Gallery для Wordpress. Часть 1. Почему NGGallery?

, ,

1 звезда2 звезд3 звезд4 звезд5 звезд (голосов: 5, средний: 5.00 из 5)
Понравилась статья или журнал? Подписывайся на продолжение!
Отзывов: 50 на запись

"Галерея NextGen Gallery для Wordpress. Часть 1. Почему NGGallery?"

  1. A NGG voting вы ставили?

    Как сделать голосование за 1 изображение??
    Голосуется только за галерею, а надо голосование в галерее.

  2. ммм, нет, не ставил, не было задачи
    а в функционале плагина такое есть?

  3. Да, надо было отредактировать файл 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; ?>

  4. сместила на три строчки вниз, прям перед началом и всё стало ровненько.

    вдруг кому пригодится

  5. Спасибо! Если мне тоже оно вдруг понадобится, вспомню про эти комменты =)

  6. Евгений
    06/02/2012 at 14:23 Постоянная ссылка Цитировать

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

  7. ДЛЯ НЕВНИМАТЕЛЬНЫХ
    файл 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; ?>

  8. Евгений
    07/02/2012 at 7:14 Постоянная ссылка Цитировать

    Спасибо Рита. Все получилось. И еще вопрос, если можно.
    Можно ли сбросить все голоса? Ну то есть убрать все отданные голоса за изображение, начать с “чистого листа”.

  9. Ксения
    03/05/2012 at 19:24 Постоянная ссылка Цитировать

    Спасибо за статью, я тоже использую NextGen на своём сайте. Сайт у меня, как Вы пишете в начале статьи, каталог товаров (салон цветов) и интернет-магазин мне не нужен. В связи с этим вопрос – можно ли как-нибудь выводить ID каждой картинки в галереи? Хотелось бы использовать их для опознавания товара, а то очень неудобно, когда клиенты звонят и говорят что-то типа “а мне вот тот букетик на пятой страничке, который красивый такой”…
    Буду очень благодарна, если подскажете, как выводить ID картинок.
    Заранее спасибо!

  10. Александр Шуйский
    03/05/2012 at 20:50 Постоянная ссылка Цитировать

    А вам спасибо за отзыв =)
    Попробуйте прописать в файле /plugins/nextgen-gallery/view/gallery.php в цикле вывода фоток где-нибудь что-то типа
    <?php echo $image->pid ?>

  11. Ксения
    03/05/2012 at 21:22 Постоянная ссылка Цитировать

    Работает! Спасибо Вам большое за помощь! Теперь мне будет намного удобнее :)

  12. Александр Шуйский
    03/05/2012 at 21:24 Постоянная ссылка Цитировать

    Всегда пожалуйста! =)

  13. Евгений
    18/05/2012 at 17:29 Постоянная ссылка Цитировать

    Здравствуйте а как сделать так чтобы альбомы шли друг за другом (как галерея с картинками)

  14. Снова я
    18/05/2012 at 17:34 Постоянная ссылка Цитировать

    Ну вставьте коды нескольких gallery на страницу.

    Объедините gallery в album

    Вопрос лично мне плохо понятен

  15. Евгений
    18/05/2012 at 17:51 Постоянная ссылка Цитировать

    нет мне надо чтобы отдельные галереи были в отдельных альбомах вот.
    когда я делаю вот так вывожу два альбома [album id=2 template=compact][album id=1 template=compact] они встают друг под другом а мне надо что бы они шли друг за другом

  16. Евгений
    18/05/2012 at 17:55 Постоянная ссылка Цитировать
  17. Александр Шуйский
    20/05/2012 at 11:22 Постоянная ссылка Цитировать

    \plugins\nextgen-gallery\view
    тут лежат все шаблоны, нужны будут шаблоны album
    \plugins\nextgen-gallery\css\nggallery.css
    а тут цсс файл
    И вот тут включаем все свои знания по html и css =)

  18. Ксения
    22/05/2012 at 23:40 Постоянная ссылка Цитировать

    А может быть Вы знаете ещё и как поиск по этим id изображений организовать? А то стандартным поиском они не ищутся, к сожалению :(

  19. Добрый день!
    Очень интересуют некоторые вопросы по расширению и исправлению функционала по данному плагину. Может кто сталкивался и подскажет.
    1. Вывожу в пост галерею в ней 3 картинки с одинаковыми тегами если перехожу по тегу высвечивается страница с двумя картинками при чем вторая множится и в конце страницы выпадает ошибка пхп.
    2. Не знает ли кто как можно сделать поиск по галерее по названию картинки или имени автора или различных дополнительных полей? Вообще есть ли search специально заточенный для данного плагина? Или search просто по картинкам?
    3. Как можно прикрутить у данному плагину другой плагин (тот же самый Lightbox или какой другой) только для отображения картинки после клика на Thumbnails да еще чтобы при этом добавить социальные иконки под картинку?

    Ну просто ОЧЕНЬ интересуют данные вопросы!

  20. Константин
    26/06/2012 at 1:10 Постоянная ссылка Цитировать

    Ребят а подскажите как рейтинг голосования отобразить под фото а не над. спасибо!

    разобрался, спасибо!

  21. Добрый день, спасибо за полезную статью.
    Если можно как для блондинки расшифруйте как это сделать :)
    – Нужно создать всю вложенную структуру каталога изображений в стандартной вкладке WP “Страницы”, а потом каждой странице прописать соответствующую галерею.
    Давно ищу решение этой проблемы.
    Спасибо.

  22. Александр Шуйский
    28/08/2012 at 15:59 Постоянная ссылка Цитировать

    Добрый день! Спасибо =)

    Нужно создать все страницы через вкладку Страницы в админке, и на каждой из этих страниц прописать код нужной галереи, типа [nggallery id=777 ]

  23. Подскажите, а как вывести теги картинки?
    Я сделал свой шаблон вывода галлереи – но мне нужно чтоб под картинками была доп информация.. С названиями- понятно, скажем <?php echo $image->alttext ?>
    А теги как?!
    Please help!!

  24. Александр Шуйский
    19/09/2012 at 10:44 Постоянная ссылка Цитировать

    День добрый! Попробуйте использовать функции nggShowAlbumTags и nggShowGalleryTags, вероятно это то, что нужно. Если не подойдёт, видимо надо в шаблоне просто напрямую делать запрос к базе данных и к тэгам.

  25. Ой. А не напишете полностью строчку кода, как заставить эти функции вывести тег картинки!? ))

    использовать функции nggShowAlbumTags и nggShowGalleryTags,

    Пажалуста!! )

    Я вобщем-то чайник в php (на уровне в тему-функции повставлять) – а структуру базы данных посмотрел, вообще ничего не понял. Теги храняться в общей табличке тегов wp – в табличке ngg-картинок про них вообще ни слова! Как оно собственно, узнает какие картинки куда относятся!?

  26. Евгений
    30/07/2013 at 12:05 Постоянная ссылка Цитировать

    Александр, а как быть, если нужно вставить слайдшоу этого плагина в шаблон php, какой нужно будет прописать код?

  27. Александр Шуйский
    01/08/2013 at 22:17 Постоянная ссылка Цитировать

    Просьба детально объяснить желание – что именно нужно.

  28. Евгений
    03/08/2013 at 10:45 Постоянная ссылка Цитировать

    Допустим, нужно вставить код в файл index.php движка Word Press.
    Он должен выглядеть в виде кода php, потому что если его вставить в виде кода в квадратных скобках [...............], то он работать не будет. Вот и хотелось бы знать, как он должен выглядеть в виде кода php.

  29. Александр Шуйский
    03/08/2013 at 19:53 Постоянная ссылка Цитировать

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

  30. Андрей
    05/08/2013 at 12:15 Постоянная ссылка Цитировать

    Подскажите, возможно ли вставить код комментирования (например от вконтакте), что бы он выводился на каждом отделном изображении?

  31. Александр Шуйский
    06/08/2013 at 9:31 Постоянная ссылка Цитировать

    Да, если для каждой картинки создавать свою страницу (галочка в настройках плагина). И останется изменить только шаблон вывода. Кажется, он называется singlepic или что-то в этом роде.

  32. Андрей
    01/11/2013 at 14:13 Постоянная ссылка Цитировать

    Интересует возможность вывода изображений, за которые было больше всего голосов. Это возможно?

  33. Андрей
    01/11/2013 at 14:55 Постоянная ссылка Цитировать

    Вопрос, как изменить фон на котором располагаются “звездочки” плагина голосования?

  34. Добавляю галерею на страницу из папки с помощью attach to post и пишет ошибку Not a valid AJAX action
    Если добавить просто, то пишет [Show slideshow] хотелось бы убрать эту надпись

  35. Евгений
    18/03/2014 at 8:59 Постоянная ссылка Цитировать

    Здравствуйте.

    А кто-нибудь может подсказать, как организовать показ КОЛИЧЕСТВО ГОЛОСОВ, а не среднюю оценку по фото?

  36. Александр Шуйский
    18/03/2014 at 9:03 Постоянная ссылка Цитировать

    Вопрос к тем, кто голосовалку настраивал =)

  37. Алексей
    18/04/2014 at 13:50 Постоянная ссылка Цитировать

    Ну никак не получается NextGEN Gallery Voting настроить, не отображаются голоса и все тут, что может быть, мож кто то подскажет??

  38. Евгений
    20/04/2014 at 6:40 Постоянная ссылка Цитировать

    Алексей, пиши в аську 558-179-756.. посмотрим что там у тебя.

  39. Еленка
    12/07/2014 at 15:10 Постоянная ссылка Цитировать

    Здравсвуйте. Подскажите, пожалуйста, как сдружить этот плагин с другими. В частности, у меня из другого плагина #_EVENTDATES выводится дата мероприятия, как и где прописать в плагине Nexgen чтобы этот код заработал?
    Пример: #_EVENTDATES – тут дата мероприятия, на странице галлереи фотки с этого мероприятия, как прикрутить в ним дату?

  40. Александр Шуйский
    12/07/2014 at 15:22 Постоянная ссылка Цитировать

    К сожалению, не работал с ивентдейтсом и не могу подсказать. Может кто-то из читателей сталкивался или имеет времечко всё установить и проверить. Но в этом случае я советовал бы более детально описать, что именно не работает и что именно вы хотите получить, поскольку описание отчасти непонятно. Точнее – как хочешь, так и понимай =)

  41. Еленка
    12/07/2014 at 16:04 Постоянная ссылка Цитировать

    Пытаюсь сдружить плагин Events Manager с плагином Nextgen Gallery, а именно: с первым плагином выводятся мерприятия, то есть дата и время когда будет и описание, на странице галерей фотки с этого мероприятия. Вот хочу прикрутить дату этого мероприятия к фоткам с этого мероприятия. Для Events Manager это заполнитель #_EVENTDATES, вот и думаю где что нужно написать-прописать, какую функцию может, чтобы этот заполнитель сработал в другом плагине, то бишь Nextgen Gallery.

  42. Александр, спасибо за такую полезную статью!

    Подскажите, пожалуйста, как реализовать такую вещь: нужно сделать возможность выбора картинок по тегам. То есть, допустим, на странице выводится вся галерея, справа – облако тегов. Пользователь выбирает из 10 тегов 3, и получает набор картинок, которые имеют эти три тега. Затем щелкает на одну из картинок, попадает на изображение в большом размере, под которым видит список тегов, которые относятся к данному изображению.

    Я настраиваю галерею и теги в ngg, получаю на странице всю галерею (то, что нужно), и облако тегов рядом (тоже то, что требовалось), но при этом у меня есть возможность выбрать лишь 1 тег для фильтрации изображений. А нужно несколько..

    Может быть, вы знаете, как это сделать?

  43. Александр Шуйский
    08/09/2014 at 16:11 Постоянная ссылка Цитировать

    Добрый день!
    Вам скорее кто-то из читателей ответит, тут я не смогу вам помочь (

  44. Очень жаль, но все равно спасибо за Вашу работу :)

  45. Тоже не получается NextGEN Gallery Voting настроить, по скайпу объясните?

  46. Роман, а в чем именно не получается?
    Версии движка, плагинов?

  47. Алексей
    29/12/2015 at 9:00 Постоянная ссылка Цитировать

    Спасибо за вашу статью

  48. Александр Шуйский
    29/12/2015 at 11:17 Постоянная ссылка Цитировать

    Пожалуйста!

  49. Сергей Филиппов
    02/03/2016 at 10:52 Постоянная ссылка Цитировать

    Подскажите, а есть где-то чёткие определения, что они подразумевают под альбомами и что под галереями?
    Вообще плагин отвратительный, неюзабельный страшно! Почему нужно вставлять картинки через какие-то ID? Ещё и хрен пойми, где искать соответствия этих ID альбомам/галереям. И как научить девочку без образования политехнического института добавлять галереи?

  50. Александр Шуйский
    02/03/2016 at 11:33 Постоянная ссылка Цитировать

    Галереи – это набор картинок, а альбомы – это набор галерей.

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

Добро пожаловать, коллега! Вы можете оставить свой отзыв:





Допустимые XHTML-теги:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на комментарии