NextGEN Gallery — наиболее известная галерея для блогов на платформе WordPress, она насчитывает больше 6 млн. установок, с ее помощью вы без труда сможете создать галереи, слайдшоу из фотографий и альбомы из галерей, присутствует немало шаблонов и настроек. Если вы задумывались на тем, как бы организовать на блоге вашу коллекцию изображений или фотографий, то рекомендую начать изучения галерей именно с этого плагина.
1. Как установить NextGEN Gallery
Тут все просто: установка этого плагина ничем не отличается от обычной установки какого-либо другого плагина. Думаю не нужно рассказывать как это делать. Качаем плагин с сайта wordpress.org
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
Параметры кодов вставки:
Отображать подписи в виде эскизов галереи
- [ nggallery id=2 template=caption]
Основные Filmstrip галереи
- [ nggallery id=2 template=carousel images=5]
Использовать изображение тегов для создания галереи / Альбомов
- [ nggtags album=Nature,England,Sea]
Template Engine for Gallery Types
- [ nggallery id=2 template=sample1]
- [ nggallery id=2 template=sample2]
- [ nggallery id=2 template=sample3]
- [ nggallery id=2 template=sample4]
- [ nggallery id=2 template=sample5]
- [ nggallery id=2 template=sample6]
Отображать Exif данные
- [ imagebrowser id=28 template=exif]
Сортировка изображений в галерее на основе их тегов
- [ nggtags gallery=Sea,England,..]
Интеграция с сторонними плагинами
- [ monoslideshow id=1 w=560 h=460]
- [ nggallery id=2 template=galleryview images=0]
- [ media id=7 width=520 height=424 plugins=revolt-1]
- [ media id=3 width=330 height=250 plugins=rateit-2]
Добавить облака тэгов
- [ tagcloud]
Опции одиночного изображения
- [ singlepic id=y w=ширина h=высота mode=web20|watermark float=left|right]
Оригинал: wpcafe.org/plugins/nextgen-gallery-samyiy-populyarnyiy-wordpress-plagin-dlya-foto
Полезные ссылки:
- nextgen-gallery.com/nextgen-gallery-extension-plugins - плагины как-либо взаимодействующие с Nextgen
- nextgen-gallery.com/nextgen-gallery-shortcodes - short-коды для вставки галерей
- Рекомендую ознакомиться с моей подборкой полезных WordPress плагинов.
Здравствуйте. Спасибо за помощь, Ваша работа помогла в настройке NEXTGEN GALLERY. Вебсайт у меня один www.hram-minsk.by сделал в drupal, когда работал сторожем в храме, сейчас осваиваю Вордпресс.
С удовольствие читал притчи, не передать словами, но настроение улучшилось от чтения.
В душах большинства людей есть врожденное зло, величайшее из всех зол;
каждый извиняет его в себе и вовсе не думает его избегать.
Зло это заключается вот в чем:
говорят, что всякий человек по природе любит самого себя и что таким он и должен быть.
Но поистинне в каждом отдельном случае виновником всех проступков человека выступает как раз его чрезмерное себялюбие.
Ибо любящий слеп по отношению к любимому,
так что плохо может судить, что справедливо, хорошо и прекрасно,
и склонен ценить то, что ему присуще, предпочительно пред истиной.
Кто намерен стать выдающимся человеком,
тот должен любить не себя и свои качества,
а справедливость, осуществляемую им самим либо кем-то другим.
Из этого же заблуждения проистекает и то,
что всем свое невежество кажется мудростью.
Поэтому мы и считаем, что знаем все,
тогда как мы не знаем, можно сказать, ничего.
Мы не поручаем другим другим делать то,
чего не умеем, пытаемся все делать сами и неизбежно ошибаемся.
Вот почему каждый человек должен избегать чрезмерного себялюбия,
искать тех, кто лучше его, и не стыдиться ставить их выше себя.
» Платон, Законы, книга 5-я»
Добрый день! Спасибо за статью.
Вообщем всё понятно и хорошо, но у меня несколько вопросов по моему сайту — www.our-road.com/:
1. К статье я добавляю метки, соответственно подтягиваются фотографии из галереи.
Но есть одно но, читатель, открывший и прочитавший статью, увидит только 18 фотографий внизу. Каким-то образом только такое число фотографий отображается.
2. У меня есть отдельный фотоальбом.
Там фотографии городов. Очень расстраивает, что при просмотре альбома, нет прокрутки фотографий. Нажали на фото и всё, дальше перейти нельзя — только назад к альбому (и то на верхней панели браузера нужно переходить назад).
Вообщем, подскажите, пожалуйста, возможные решения проблемы.
Спасибо.
Добрый день! Прочитала все от корки до корки, но я не могу у себя найти этот ID для вставки в страницу. Версия 2.0.66! «В открывшемся окошке, в правой части экрана, в блоке «Translation» можно включить русский язык», но у меня нет данного пункта. Что не так?
В админке меню Gallеry — Gallеry, попадаете на страницу Manage Galleries, слева будет столбец ID. Версия 2.0.66
Может быть идея и не плохая, но довольно коряво реализовано управление. Копаюсь час и не могу понять, как поставить галерею на страницу. Где взять код с id галереи? Почему урлы такие длинные и установка галочки чпу не помогает? Не понял насчет тэгов и их переименований. По моему галереи и альбомы, их взаимные вхождения, это очень запутано.
Сергей, статья старая, думал ее актуализировать но руки пока не дошли. Теперь вставить галерею куда легче, прямо в текстовом редакторе wordpress есть кнопка от плагина NextGEN Gallery, с ее помощью и можно выбрать что и как вставить.
В столбце id написано 0. Что писать на странице, чтобы увидеть альбом?
В столбце альбомов? Если да, то например вот так:
[ngg_images album_ids=»0″ display_type=»photocrati-nextgen_basic_extended_album»]
А вот тут есть список всех шорт-кодов www.nextgen-gallery.com/nextgen-gallery-shortcodes/
Но как по мне, удобней все-таки пользоваться кнопкой, а не кодами.
Косые перед кавычками уберите.
Все получилось действительно кнопкой в редакторе. Но вместо изображений квадратики. Разбираюсь дальше — спасибо.
Добрый день,А можно ли избавится от надписи над галереей [Show slideshow]?
Михаил, добрый день. Да, в меню админки: Gallery — Gallery Settings — NextGEN Basic Thumbnails — Переключатель «Show slideshow link» установить в «Нет»
Больше спасибо Владмир, преключил все получилось.
Доброго Вам времени суток.
Есть такая просьба, на сайте korzhenkov.com/ увидел как сделана галерея. Очень понравилось. Не подскажете каким плагином это можно сделать? Пока поставил NextGen но ничего не получается (((. Пробую создать себе мальенький фотоблог, очень понравилось как на сайте выше. Что можете сказать об этом??? Спасибо.
Судя по структуре сайта это не wordpress. А в галереях я к сожалению не настолько силен, чтобы мог подсказать подобный по функционалу плагин.
Успех достигается настойчивостью: настойчиво перебирайте плагины и их функционал =) Может что найдете)
Ух ты!!! Спаибо за такой быстрый ответ!!! Я уже 2 дня сижу над этим (((((. Зато есть и позитив СТОЛЬКО нового узнал ))))) Спасибо. Может тогда подскажете как расширить болок в теме (там где пишется и фото вакладывается), а то по краям много места без дела пустует. Тема Base WP. Нашел в сети, как увеличить блок wrap, но в файле Style.css нету параметров с размерами блока чтобы редактировать, да и само слово wrap тоже отсутствует. Спасибо
Извините, за наглость, еще вопрос. Я вам дал ссылку на сайт, так вот, тоже никак не разберусь как поменять размер строки меню там где (по порядку) Sobre Mi, Bodas, Galeria, Servicio, Contacto. Уж очень эта строка широкая, и при наведении курсора это очень заметно, как ее сузить??? Спасибо
Василий, по поводу блока попробуйте в файле skeleton.css изменять параметр width в sixteen.columns + добавить margin-left.
А высоту верхнего меню вроде через редактирование nav#site-navigation.main-navigation.fix в style.css, параметров height и margin-top
Но это так) на быстрый глаз)
Спасибо!!! Это уже завта ))). Я тут много чего перерабатываю )))). Теперь фотки в порядок привожу. Все равно Спасибо!!
Владмир,а есть ли возможность,прикрепить к фото внешнюю ссылку,допустим преход на страницу с фото.Спасибо.
Михаил, вставьте в статью это фото как простое фото без участия Nextgen, там и пропишите ссылку.
Здравствуйте, спасибо за описание. Подскажите, пожалуйста, как сделать так, чтобы фотографии галереи отображались под основной миниатюрой? Я ваяю интернет-магазин, и мне это необходимо. Почему-то в окне добавления галереи миниатюр нет вкладыша NextGENю
Здравствуйте! Подскажите, возникла такая проблема….При открытие фото из галереи исчезли кнопки перелистывания фоток (слева и справа) , а также исчезла кнопка с правого верхнего ушла фото —-(Закрыть) сам крестик. Подскажите с чем это может быть связано, как решить данную проблему?
Роман, добрый день. Возможно это связано с css-стилями. Проверьте не изменяли ли недавно что-то связанное с css и правильный ли адрес указан в стилях к этим иконкам.
Та вроде всё ок, не менял ничего! Вот к примеру поменял на другой стиль отображения картинкок (вместо «fancybox», который стол ранее, поставил другой «highslide» то тут всё норм… А как можно отследить причину этого бага или ошибки? Т.е посмотреть к примеру что повлекло к этой ошибки и потом уже искать решение? Спасибо
Спасибо за помощь. в частности за код template=carousel images=3
Взаимно поделюсь дополнительным кодом
echo do_shortcode(‘[nggallery id=’.get_post_meta($post->ID, ‘ngg’, true).’ template=carousel images=3]’
В кратце — есть дополнительное поле ngg, в него просто пишем ID галлереи, и выводим в single в любом нужном нам месте.
Подскажите а можно ли как то сделать чтобы под миниатюрой выводилось ее название (или описание) сейчас голые миниатюры выводит. Спасибо