WordPress: Настройки плагина галереи NextGen Gallery
Чтобы вывести фотки из галереи, отмеченные каким-либо тегом, пишем
[nggtags gallery=tag1]
Мне это понадобилось, чтобы вывести только 5 фоток из галереи, в которой всего 6 фотографий (до этого выводились они [nggallery id=5]).
___________________________
Вывести фото с сортировкой по названию файлов:
[nggallery id="8" images="200" ngg_gal_sort="filename" ngg_gal_sortdirection="ASC"]
NextGEN Gallery — наиболее известная галерея для блогов на платформе WordPress, она насчитывает больше 6 млн. установок, с ее помощью вы без труда сможете создать галереи, слайдшоу из фотографий и альбомы из галерей, присутствует немало шаблонов и настроек. Если вы задумывались на тем, как бы организовать на блоге вашу коллекцию изображений или фотографий, то рекомендую начать изучения галерей именно с этого плагина.
1. Как установить NextGEN Gallery
Тут все просто: установка этого плагина ничем не отличается от обычной установки какого-либо другого плагина. Думаю не нужно рассказывать как это делать.
Плагин находится тут: wordpress.org/extend/plugins/nextgen-gallery
2. Как настроить NextGEN Gallery
Выберите в меню Галерея или Gallery и нажимайте.
В открывшемся окошке, в правой части экрана, в блоке »Translation» можно включить русский язык.
Откройте меню Галерея - Настройки:
Рассмотрим некоторые из них:
- Путь к галереи — в этой папке на хостинге будут храниться фотографии.
- Активировать ЧПУ — включение человеко-подобных адрессов для фотогалерей.
- Создать новый URL изображения с ЧПУ ссылкой — Для обновления структуры постоянных ссылок, кликните по кнопке «Ок».
Оставшиеся вкладки интуитивно понятны, на них можно указывать размеры миниатюр, изображений, водяной знак, настраивать слайд шоу и так далее.
3. Добавление NextGEN галереи
Откройте пункт меню Галерея → Добавить галерею / изображения. Укажите название галереи и кликните Добавить галерею.
Вы увидите сообщение с кодом вставки галереи на ваш блог: [nggallery id=n].
4. Добавление фотографий
Кликните по кнопке «Выберите файлы» и укажите файлы для загрузки, после этого в нижнем выпадающем списке выберите нужную галерею и жмите на «Загрузить изображения». Миниатюры создадутся автоматически, фотографии отредактируются так, как указано в настройках.
Фотографии можно просто перетащить — так они тоже добавляются в список загрузки.
5. Управление фотографиями
Верхняя часть страницы посвящена настройкам галереи, нижняя — изображениям.
Над фотографиями есть выпадающий список групповых действий, которые можно совершить на изображениями.
В правом столбце галочками можно исключить отображающиеся фотографии.
Есть достаточно много шаблонов галерей. Шаблон с отображением описания и названия к фотографиям получит текст именно с этой странички. С помощью Тегов можно создать коды для отображения фотографий с определенными тегами.
6. Добавление альбома
Для добавления и редактирования альбома перейдите в меню Галерея — Альбом. Укажите название нового альбома и кликните на кнопку Добавить.
Альбом от галереи отличается тем, что альбом состоят из галерей, галереи состоят из ваших фотографий. То есть с помощью альбомов удобно передвигаться между галереями.
Если вы создадите мало галерей, то альбомы вам вряд ли понадобятся.
Создайте альбом и свяжите его со страницей.
Выберите альбом. Для добавления галереи в альбом перетяните ее мышкой в альбом и кликните «Обновить».
7. Добавление галереи на страницу
Тут все легко: просто добавьте код с id галереи там где вам нужно. С
Вот так будет выглядеть галерея:
У NextGen галерей есть несколько шаблонов по умолчанию с разными эффектами. Вид галереи настраивается через параметры кода вставки.
Пример slideshow шаблона carousel:
[nggallery id=1 template=carousel images=3]
Список остальных параметров можно прочесть вот тут: www.nextgen-gallery.com/nextgen-gallery-features
Параметры кодов вставки:
Оригинал: wordpresso.org/plugins/nextgen-gallery-samyiy-populyarnyiy-wordpress-plagin-dlya-foto
almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.
Вы можете почитать все статьи от almix'а.
- 0 WordPress: Как скрыть показ записей определенных рубрик на главной странице (23.05.2014)
- 0 WordPress: Добавить ещё одну область виджетов (widget area) в шаблон главной страницы (08.02.2014)
- 0 WordPress: Выводим виджет новостей в теле страницы (вставка виджетов в страницу) (16.11.2013)
- 0 WordPress: Плагин мультиязычности WPML Multilingual CMS (14.06.2013)
- 0 WordPress: Gantry Framework. Тонкий момент с Widgets Override, widget variations. (23.05.2013)
- 0 WordPress: Настройки плагина галереи NextGen Gallery (04.03.2014) ← вы тут
- 0 WordPress: Иконка favicon.ico для области администратора (22.04.2013)
- 0 WordPress. Настройка для локальной работы (27.03.2013)
- 0 WordPress: Добавить ссылку "Сохранить фото" для галереи на NextGen с эффектом Lightbox (12.04.2013)
- WordPress: Как правильно изменять файлы стандартной темы. Дочерняя тема (30.06.2017)
- WordPress: Как выводить свои таксономии на странице. Создаём свои шорткоды. (08.01.2017)
- Wordpress. Как добавить в шаблон собственную область для вывода виджетов (03.01.2017)
3 комментариев
может кто сможет подсказть в чем проблема и как ее исправить.
Установил NextGEN Gallery и NextGEN Gallery Voting все легло отлично, все работает.
Но вот незадача...
У меня ппочему то на странице как то странно фотЫ отображаются, а конкретно - три в ряд на следующем одно фото, тир в ряд и одно.
Как можно сделать, чтобы небыло таких одиночек.
Вот урла для визуального пояснения: http://www.korsetynadomspb.ru/
И вот еще один вопрос:
можно ли как нить такой шорт [nggallery id=x template=caption] прописать по другому?
Просто в редакторе мне выдал вот такой код:
<img class="ngg_displayed_gallery mceItem" class="template=caption" src="http://www.korsetynadomspb.ru/nextgen-attach_to_post/preview/id--3344" alt="" />
Буду весьма благодарен за помощь!
Александр, у вас может в параметрах плагина Nextgen в админке wordpress'а стоит показывать 4 фото в ряду. Это видно в исходном коде:
<div id="ngg-image-16" class="ngg-gallery-thumbnail-box" style="width: 25%;">
<div id="ngg-image-17" class="ngg-gallery-thumbnail-box" style="width: 25%;">
<div id="ngg-image-18" class="ngg-gallery-thumbnail-box" style="width: 25%;">
<div id="ngg-image-19" class="ngg-gallery-thumbnail-box" style="width: 25%;">
<br style="clear: both;"/>
Ширина у div 25% и добавляется перенос строки clear:both после 4-го блока. Посмотрите может есть там поле показывать в ряд столько-то фото. Что-то типа amount of thumbs per row