Всем привет! Сегодня я открываю рубрику по 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'а, но было мною упущено. И конструктивную критику тоже крайне приветствую
(голосов: 1, средний: 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 Постоянная ссылка Цитировать
Спасибо Рита. Все получилось. И еще вопрос, если можно.
Можно ли сбросить все голоса? Ну то есть убрать все отданные голоса за изображение, начать с “чистого листа”.