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

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

Вполне удобная и разноплановая сортировка галерей по альбомам, и сортировка изображений непосредственно в галерее. Что хотим, то и получаем.

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

Гибкая настройка внешнего вида. Во-первых, есть несколько готовых стилей CSS, а во-вторых – если дружите с html и php, то можете отредактировать шаблоны как душе угодно.

Нет проблем с локализацией (на 15 языках официально).

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

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

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

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

1. Вывод альбомов происходит следующим образом:

   Или

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

2. Вывод галерей:
3. Вывод одиночного изображения:

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

Сегодня мы с вами рассмотрим очень полезный плагин галереи изображений для WordPress - NextGEN Gallery. Этот плагин разработан компанией Imgely в 2007 году и всё ещё используется на более 900 000 сайтов. Общее количество установок превышает 3 миллиона.

Этот плагин позволяет сделать галереи в WordPress, а также слайд-шоу. Плагин NextGEN Gallery можно скачать бесплатно. Так же в сети есть различные модули и дополнения к плагину, чтобы пользователь мог разнообразить и сделать галерею сайта уникальной. Кстати сказать, технология показа галереи не использует платформу Flash, это большой плюс, так как не все гаджеты могут воспроизводить Flash.

Установка NextGEN Gallery

Как пользоваться NextGEN Gallery

1. Посмотрите двух-минутное видео, которое кратко расскажет о возможностях плагина, каким им пользоваться. NextGEN Gallery поддерживает Gutenberg, новый блочный редактор в WordPress 5.
   

   Если вы ещё не работали с Gutenberg, то можете узнать больше в нашей статье - читать.

2. Для создания своей первой галереи зайдите в раздел “Страницы” и добавьте новую.
3. Сейчас я использую стандартный редактор. Напишите название страницы. Далее нажмите “Add Gallery”
   
   
4. В появившемся окне Перейдите во вкладку “Загрузить изображения”, впишите название галереи и нажмите кнопку “Add Files” для загрузки изображений.
   
   
5. После нажатия “Add Files” откроется окно Проводника, в котором нужно выбрать изображения для галереи.
   
   После добавление изображений, нажмите “Start Upload”
   
   
6. После завершения загрузки галерея создастся. Поздравляем! Переходим в раздел “INSERT INTO PAGE” (Вставить на страницу).
   
   
7. На данной странице нужно выбрать название галереи и вид отображения галереи. Далее нажимаем “INSERT GALLERY” - Вставить галерею.
   
   
8. Галерея добавлена и мы видим блок NextGEN Gallery в редакторе.
   
   
9. Галерея настроена и её можно посмотреть на странице.

Виды оформления галереи NextGEN Gallery

В бесплатной версии NextGEN Gallery доступно 3 вида отображения галереи:

• Basic Thumbnails
• Basic Slideshow
• Basic ImageBrowser

Basic Thumbnails

NextGEN Basic Thumbnail Gallery - это сетка изображений, которые при нажатии открываются в полноэкранном режиме. Некоторые функции, которые вы можете добавить в свою галерею миниатюр:

• установить пользовательскую обрезку миниатюры;
• установить пользовательский размер миниатюр;
• разбивка фотографий на страницы (установить количество миниатюр изображений на странице галереи).

Basic Thumbnail Gallery выглядит следующим образом:

Basic Slideshow

NextGEN Basic Slideshow - стандартное слайдшоу. Изначально отображается 1 изображение, которое автоматически меняется через заданный интервал времени. В дополнительных настройках можно включить навигационные стрелки для более удобного просмотра. При нажатие открывается полноэкранный режим, где стрелки включены автоматически.

Basic ImageBrowser

NextGEN Basic ImageBrowser - вид галереи у которой имеется навигация вперед назад, как на примере ниже:

Распространенные вопросы

Нужно ли переводить название фото на латиницу?

Название галереи должно быть на латинице?

Нет. В название галереи можно использовать кириллицу.

Есть ли перевод NextGEN Gallery на русском языке?

Да данный момент плагин имеет русский перевод порядка 37% плагина. Встречаются не переведенные кнопки, строки описаний, но это не существенно. Пользоваться плагином можно без проблем. Если же Вы хотите перевести плагин полностью, то воспользуйтесь плагином Loco Translate . Если Вы нашли полный перевод плагина, то загрузите его в папку /wp-content/plugins/nextgen-gallery/lang.

Загружая фото в галерею, я не могу найти их в Библиотек Медиафайлов. Где находятся эти изображения?

Галерея NextGEN Gallery - это совершенно новая галерея, и не имеет ничего общего со стандартной WordPress галереей. Плагин Nextgen gallery создает индивидуальную папку wp-content/gallery и работает только с ней. Все картинки и фото, которые уже есть на вашем блоге использоваться не будут.

Есть ли возможность импортировать фотографии из папки wp-content/uploads?

Да, такая возможность есть. Для этого при создание галереи выберите не загрузку файлов, а IMPORT FROM MEDIA LIBRARY, то есть импорт из Библиотеки Медиафайлов.

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

В общем пошел в интернет, обратился к известным seo блогам, чтобы найти самый функциональный плагин – чаще всего упоминается NextGEN Gallery. Как пользоваться им описано в общих чертах, я же решил написать детальную инструкцию об установке, настройке, и установке галерей на блог WordPress. Скачиваем плагин по этому адресу – http://wordpress.org/extend/plugins/nextgen-gallery/, его установка обычна, проходит без проблем.

После активации плагина WordPress NextGEN Gallery Вы увидите новый виджет – меню в левой колонке внизу администраторского раздела.

С помощью такого вот мощного меню могу создавать галереи, редактировать, настраивать их на блоге.

Создание галереи с помощью плагина NextGEN Gallery.

Создадим первую галерею, для этого возьму у заказчика набор фотографий. Для меня, как исполнителя, важны их названия, если они написаны кириллицей, переименую все файлы, написав их латинскими буквами. Как давать имена файлам – использую названия поста, куда буду вставлять галерею, чтобы в будущем не путаться с ними. Если картинок много использую еще и цифры. Не нужно использовать в галереях очень большие изображения, ведь чем больше их разрешение и качество, ширина с высотой, тем больше времени нужно потратить браузеру на их вывод на экран, к тому же они будут отображаться на странице в виде маленьких пиктограмм, а уже после нажатия на каком-то изображению галереи курсором мышки – будут загружаться браузером во всей красе.

Если Вы планируете создать очень много галерей с помощью плагина NextGEN Gallery, – технически это возможно, подумайте о том, что место на серверах хостинга может довольно быстро закончиться и Вам придется или их удалять, или покупать дополнительный объем на сервере.

Вызываю панель создания новой галереи(зеленая стрелочка) и сразу же открывается нужная мне вкладка(синяя стрелочка). В окошке вкладки “Add new gallery” пишу латинскими буквами название новой галереи. Вообще-то название можно прописывать и по-русски, но я контролирую себя, пытаюсь все имена каталогов и файлов писать латиницей, буквами, но иногда увлечешься и пишешь по-нашему. Первая галерея создана и плагин NextGEN Gallery готов ее наполнить содержимым.

После того, как создали первую галерею, появляется новая вкладка “Upload Images”(черная стрелка). В выпадающем списке(малиновая стрелка) выбираю название созданной галереи. Если на блоге будет создано очень много галерей, будьте внимательны, чтобы фотографии загрузить именно в ту галерею, которую нужно. Затем нажимаю кнопку(красная стрелка) для выбора файлов, которые подлежат перемещению в каталог галереи на сервере.

После выбора файла следует нажать кнопку Upload Images (зеленая стрелочка на верхнем скриншоте), и процесс запущен, выполняется загрузка файла в созданный каталог плагином NextGEN Gallery

А вот после завершения этого процесса, можно выбирать следующий файл для создаваемой галереи. Как видите работа довольно утомительна, если файлов таких не один десяток. Если же фотографий 5 – 10 я пользуюсь таким вот способом наполнения галереи материалом. Но это единственный надежный способ, чтобы все файлы гарантированно перебросить на сервер, повезет, если в это время не будет обрывов связи, иначе времени потратите уйму и возможны ошибки.

Можно выполнить загрузку фотографий из архива, но и тут существуют ограничения: архив должен быть в zip формате, его объем должен быть меньше 2 Мб. Пожалуй, ограничение размера архива не очень практично. Ведь только одиннадцать файлов поместилось в такой файл-архив, но они не самого высокого качества. А если нужно загрузить пакетом 100 фотографий или 20. Тогда нужно создавать несколько архивов, поочередно загружать, при этом создавать такие архивы и следить, чтобы не попали туда фотографии-дубли: сортировать, отбирать, удалять, архивировать несколько папок. Экономия времени и простота создания галерей плагином NextGEN Gallery с помощью пакетной загрузки файлов – сомнительно, по крайней мере для меня.

Но после завершения процесса загрузки файлов в каталог созданной галереи, плагин сообщает, что у меня все получилось и могу продолжать работу.

Где находятся фотографии, которые загружает плагин NextGEN Gallery для наших галерей?

В общем каждый блоггер должен знать, что у него на сервере твориться, чтобы уметь и в ручную почистить свой блог от ненужных файлов, да и если что загрузить картинки на сервер с помощью FTP – клиента.

С помощью FTP – клиента зайдите на свой блог WordPress, пройдите в каталог wp-content, найдите каталог gallery. Его создает плагин NextGEN Gallery автоматически после его установки и активации. Зайдите и в него, и у Вас должны отобразиться все каталоги, которые появляются во время создания новой галереи. К примеру, я создал галерею avtoprobeg, в папке же сразу появилась новая папочка с названием avtoprobeg (обведена красной рамкой). Откройте и ее

Вы увидите все файлы, которые были загружены плагином NextGEN Gallery автоматически.

Если Вы создали галерею, но не можете загрузить фотографии теми способами, что я описал выше, откройте созданную папку галереи с помощью Вашего FTP – клиента, чтобы ее легче найти, называйте создаваемые галереи понятно и имена прописывать латинскими буквами, чтобы в дальнейшем застраховаться от ошибок, которые могут возникнуть во время системного сбоя наа сервере. В ней должна находиться только папочка thumbs (зеленая рамочка на верхнем скриншоте). И с помощью программы все файлы загрузить в нужный каталог. Именно таким способом я пользуюсь, когда создаю галереи и нужно мне загрузить много фотографий, как показал мой опыт, это быстрее, надежнее, и я не трачу много времени на эту работу.

Как управлять галереей, которая создается с помощью плагина NextGEN Gallery.

После загрузки фотографий, я должен настроить созданную галерею. Для этого есть раздел Управление Галереями.

Ничего сложного, заходите в него, выбираете нужную галерею, кликаете на ее названии и работаете с ней сколько душе будет угодно.

Первое, по умолчанию в заголовке галереи прописывается ее название(1), Описание – пишется любой текст с ключевыми словами к посту, к которому буду прикреплять эту галерею(2). Где размещаются фотографии указывается в поле 5. Эта строка не редактируется здесь, а размещена для информирования.

Если желаем сделать галерею еще и анкором ссылки пользуемся выпадающим списком 6, а заглавной фотографией будет та, название которой будет выставлено в выпадающем списке 7. Сохранение изменений в настойках редактируемой галеры выполняется нажатием кнопки 4.

И осталась кнопочка 3. Если Вы загрузили фотографии в каталог галереи, используя FTP – клиент, должны нажать ее, и плагин получит информацию о загруженных фотографиях. Если Вы загружали файлы в галерею, используя загрузчик самого плагина, то кнопку не нужно нажимать. Если Вы удалите какой-то файл из каталога галереи, то нажмите кнопку 3 и информация о фотографиях обновится.

На этом скриншоте отображается продолжение панели настройки созданной галереи, уже прописали название и описание для нее, теперь нужно поработать с самими фотографиями. Как видно из скриншота, формат загруженных фотографий плагин отображает корректно(8), и их количество совпадает с количеством загруженных файлом, это уже хорошо. Опять же я могу прописать атрибуты файлов(9), когда браузер загрузит страницу с этой галереей, эти атрибуты будут видно при просмотре кода страницы, в обычном режиме они не должны быть доступными для читателей блога. Разве что-то пойдет не так, и фотографии не будут загружаться в окне брузера. В общем я их прописываю для поисковых роботов, работы не много, но надеюсь, что помогу продвижению страницы в и блога в целом. Точно так же поступаю с полями Tags (10) – пишу несколько ключевых слов. И вот так для каждой фотографии, что загружена в галерею.

Очень интересный инструмент Sort gallery (11) – Вы и я имеем возможность установить свой порядок вывода фотографий в галерее NextGEN Gallery, ведь сами фотки могут сортироваться автоматически, по названию, и такой порядок не всегда совпадает с хронологией событий. Тогда нажмите кнопку и в появившемся окне путем перетаскивания изображений установите нужный порядок отображения их в Вашей галерее.

Так вот сортировка выполняется автоматически по параметрам, которые указаны в списке(13), вы же можете расположить фотографии в ручном режиме(14). Для этого нужно навести курсор мышки на изображение, которое желаете переместить в другое место, нажать правую кнопку манипулятора, и перетащить его в новое место, когда увидите вот такую черненькую полосочку(14), отпустите кнопку мыши. Выполняйте сортировку изображений до тех пор, пока не достигните нужных результатов. Не забудьте сохранить внесенные изменения (15), и затем только возвратиться в панель настройки галереи(16), которую создаем с помощью плагина NextGEN Gallery.

Последнее довольно таки мощный инструмент Bulk actions (12).

Пользоваться просто: выбираем фотографии, которые подлежать обработке, из выпадающего списка выбираем нужный эффект, и нажимаем применить. Среди возможностей, что предаются пользователям при создании галереи с помощью плагина NextGEN Gallery: удаление и поворот изображений, работа с метками, ротация и импорт мета-тегов, установить новый фон для изображений, изменение размеров их. Но самое прикольное для меня – это установка водяных знаков на изображениях, которые вставляются в галерею блога WordPress.

Как вставить галерею NextGEN Gallery в пост блога?

А вот это делается очень просто. Захожу в редактор нужного поста, что был опубликован или запланирован на блоге. Устанавливаю курсор та, где должна появиться галерея. Выбираю значок “А” и в появившейся панельке выбираю название галереи “В”. Сохраняю пост.

В общем знаний для создания галерей с помощью плагина WordPress NextGEN Gallery должно хватить, чтобы украсить свой блог очень интересными фотографиями о деятельности заказчика, показать его, а не только писать, говорят одна фотография может сделать больше для блога чем 1 000 знаков. Может это с людьми так, но не забывайте, чтобы достичь успеха, нужно, чтобы Ваша страница была проиндексирована поисковыми системами. А чтобы это было сделано быстро и успешно придется писать на блог, так как Яндекс говорит, что страницы только с картинками он не воспринимает, по крайней мере так написано у него в справке.

Сегодня мы поговорим об одном замечательном и наверное самом популярном плагине для создания различных фотогалерей на WordPress — NextGEN Gallery, о том как его настроить, вывести галерею, изображения и слайдшоу на страницы Вашего блога.

Возможности плагина NextGEN Gallery

Возможностей у данного плагина придостаточно и сводятся они не только к созданию различных галерей в WordPress, хотя на мой взгляд делает он это отменно. Что можно создать при помощи NextGEN Gallery наглядно продемонстрировано на его собственном демо сайте:

— здесь вы сможете посмотреть все предлагаемые им возможности по выводу слайдшоу, галерей, изображений и видео.

Ну как вам! Правда здорово!

Если данный плагин заинтересовал Вас, тогда переходим к его установки.

Установка и русификация плагина NextGEN Gallery

Для начала давайте скачаем его:

Скачать плагин NextGEN Gallery с оф. сайта wordpress.org или с www.imagely.com

Скачали? Теперь можно переходить к непосредственной установке его:

Устанавливается NextGEN Gallery как обычно: распаковываете скачанный zip архив «nextgen-gallery.zip» и копируете папку «nextgen-gallery» в папку с плагинами вашего блога: /wp-content/plugins/

Для того, чтобы подключиться к своему блогу по FTP я обычно использую программу FileZilla – она проста, удобна и надежна.

После того как вы закачали плагин на свой блог, его нужно активировать, для этого в админку WordPress, перейдите на вкладку «Плагины» - «Неактивные», найдите NextGEN Gallery и нажмите на ссылку «Активировать». С этим я думаю у вас проблем не возникнет!

После активации плагина в нижнем левом углу админки WordPress у вас появится новая область — «Галерея» или «Gallery», если вы скачали плагин не смоего блога.

Русификацию для плагина можно скачать на странице:

http://code.google.com/p/nextgen-gallery/downloads/list?q=label:Translation (скачайте файл nggallery-ru_RU.mo»). После этого снова по FTP подключитесь к вашему блогу и загрузите данный файлик в папку: /wp-content/plugins/nextgen-gallery/lang , после этого все настройки плагина будут на русском языке.

Теперь переходим к следующему пункту:

NextGEN Gallery — Настройка.

Настроек у данного плагина достаточно много, но начнем мы с добавления изображений, которые затем при помощи коротких кодов, затем можно будет вывести в любых статьях вашего блога на WordPress. Итак приступим:

Из меню админки WordPress выберем пункты «Галерея» - «Загрузить галерею / изображения»:
В открывшейся странице «Добавить новую галерею», в поле «Новая галерея» вам нужно вписать название Вашей будущей галереи (писать нужно на латинице (лучше транслитом)), которую вы затем сможете выводить на страницах своего блога и затем нажать «Добавить галерею»:

После этого плагин NextGEN Gallery должен сообщить Вам об успешном создании галереи с ID=1 и там же присвоит её короткий shortcode — [ nggallery id=1 ] (без пробелов до и после квадратных скобок) при помощи которого данную галерею можно будет вывести на любые страницы блога (см. рисунок ниже).
А в случае, если у вас не создалась папка «wp-content/gallery/ », тогда вам нужно будет создать ее самим и становить на неё права доступа — 777 (как установить права доступа на папку при помощи FileZilla — статья в разработке). А затем снова повторите создание галереи.

После того, как новая галерея создастся вас перебросит на страниу: «Загрузить изображения», здесь из выпадающего списка Вам нужно выбрать название созданной Вами галереи, в которую вы хотите добавить изображения, а затем нажать на кнопку «Выберите файлы»:

Перед вами откроется окно проводника windows? В котором нужно найти и выбрать нужные изображения (для выделения нескольких изображений удерживайте на клавиатуре клавишу Ctrl или Shift) и затем нажать на кнопку «Открыть»:

В результате появиться окно процесса загрузки выбранных вами, после чего плагин вам сообщит что изображения добавлены, и что вы можете отредактировать их:

Кстати, чуть не забыл — одновременно с загрузкой изображений плагин NextGEN Gallery создаёт и их превьюшки (которые располагаются по следующему адресу «/wp-content/gallery/название-галереи/thumbs»), при необходимости в настройках плагина Вы всегда можете отредактировать их.
Теперь нажмите на ссылку: «Редактировать галерею» и вы попадёте на страницу редактирования галереи, здесь вы сможете ввести Alt, Title (рекомендую сделать это, для того чтобы загруженные вами изображения участвовали в поиске), метки для изображений, установить на них водный знак, ввести описание для всего альбома, указать его обложку и т.п.:

После того как вы закончили редактирование, не забудьте сохранить изменения.

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

Ну а теперь перейдём к общим настройкам:

Для этого перейдите по вкладкам «Галерея» - «Настройки» и попадаете на страницу «Главные настройки »:

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

Теперь пробежимся по остальным настройкам:

- «Миниатюры ». Здесь вы можете задать размер и качество первюшек больших изображений, лично я оставил всё по умолчанию.

- «Изображения ». Здесь Вы можете изменить размеры выводимых в галереи изображений и поставить галочку в чек бокс «Automatically resize» — чтобы плагин при загрузке в галерею атоматически изменял размеры изображений.

- «Галерея » — Здесь я изменил значение поля «Количество изображений на странице» на значение ноль, для того чтобы на странице вывода галерее были показаны все изображения из неё, а также в поле «Добавить слайдшоу» изменил поля и на «Показать как слайд-шоу » и «Показать список изображений », а всё остальное оставил по умолчанию.

- «Эффекты » — Ну здесь думаю всё понятно, выбираете любой нужный вам эффект.

- «Водяной знак ». Здесь вы можете настроить отображение добавляемого водяного знака. Задать его можно, как в виде графического файла (для этого загрузите изображение-водяной знак к себе на сайт и укажите до него полный путь), так и просто набрав текст Водяного знака в соответствующем поле, выбрав тип, цвет и размер шрифта. Также не забудьте указать его позицию на изображениях галереи:

А чтобы установить водяной знак на изображения галерей нужно выбрать пункты «Галерея» - «Галереи», далее щелкнуть по названию нужной фотогалереи. В открывшемся окне отметить изображения, на которые вы хотите наложить водяной знак, затем в выпадающем меню выбрать пункт «Установить водяной знак» и затем нажать на кнопку «Apply» («Применить»):

Перед вами появиться окошко подтверждения действия, нажимаете «OK»
Внимание! Водяной знак накладывается на изображение навсегда.
Для того чтобы проверить добавился ли водяной знак на изображения, щелкнете по ссылке «Смотреть»:

Обратите внимание: ID изображений указаны в левом столбце.

А ID нужной галереи можно узнать зайдя во вкладки «Галерея»-«Галереи» (отображается в левом столбце):

ID галереи или ID изображений, могут понадобиться вам при вставке галереи, слайдшоу или отдельных изображений в статью WordPress с помощью коротких кодов.

- «Слайдшоу » — Здесь я изменил «Размер по умолчанию (высота х ширина)» под контент блога (у меня 603х603), поставил чекбокс на против пункта «Enable flash slideshow», для того работали Flash слайд-шоу и в поле «Путь к Imagerotator (URL)» указал url до файла imagerotator.swf. Если вы скачали плагин с моего блога, то в поле «Путь к Imagerotator (URL)» укажите: http://Ваш-домен.ru/wp-content/plugins/nextgen-gallery/imagerotator/imagerotator.swf.

NextGEN Gallery - вставка галереи, слайдшоу и отдельных изображений в статьи WordPress.

Открываем или создаем новую запись (страницу), набираем текст если нужно, далее щелкаем по кнопке: Добавить галерею NextGEN:
В результате перед Вами появится всплывающее окно с тремя вкладками: галерея, альбомы, изображения: Перейдите на нужную вам вкладку и из выпадающего списка выбираете нужное вам, допустим нам нужно вставить галерею с изображениями, тогда во вкладке «галерея» поставите галочку напротив нужного Вам способа показа изображений и нажмите на кнопку «вставить»:

В месте где у вас стоял курсор (в окне ввода текста), появится shortcode плагина NextGEN Gallery, который и будет формировать вывод Вашей галереи в статье или на странице WordPress:

В принципе, можно обойтись и без визуального редактора. Прейти в режим HTML и в место где нужно вывести галерею, картинку или альбом с изображениями вставить короткий shortcode плагина NextGEN Gallery с нужными параметрами.
Например:
Для вставки в статью (страницу) одного изображения, которое при щелчке мышью по нему, будет плавно увеличиваться, нужно вписать следующий shortcode:
[ singlepic id=N h=высота w=ширина mode=web20 ]
А для вывода списка альбомов (галерей) в подробном виде:
[ album id=N template=extend ] без пробелов до / после скобки.
Подробнее о всех кодах можно узнать здесь: www.imagely.com/docs/demos-of-all-nextgen-gallery-types/

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

Ну и это ещё не всё!

Так же, если ваша тема поддерживает виджиты, тогда вы можете украсить свой блог при помощи виджета: слайдшоу NextGEN либо при помощи NextGEN миниатюры .
Для этого перейдите во вкладку «Внеший вид» — «Виджеты» и добавьте данный виджет в нужный сайтбар:

На сегодня всё! Жду Ваших комментариев!
Удачи вам в создании своей фотогалереи.
До скорых встреч друзья!

NextGEN Legacy — статья о плагине версии 1.9.13. Это последняя версия галереи перед переходом на новую версию. Nextgen Gallery – это самый популярный и востребованный плагин для создания галерей для Wordpress сайтов. С помощью Nextgen Gallery вы сможете вставлять в посты и страницы вашего блога не только галереи, но и отдельные фото и даже целые слайд шоу. Одним словом — эффективно управлять вашими графическими файлами и показывать их пользователям во всей красе. На сегодняшний день, это самый популярный плагин для создания галерей на WP.

Еще сравнительно недавно, Nextgen Gallery хоть и был сверх популярен, но все таки обладал некоторыми минусами. Например, возникала проблема с и весьма высокой нагрузкой на сервер. Проблемы эти уже давно решены, хотя назвать плагин легким, я бы все таки, не решился и сейчас.
Плагин уже давно и полностью русифицирован. В этой статье я подробно расскажу вам о всех настройках плагина. О том, как создавать альбомы с галереями и как использовать их на страницах вашего сайта.

Возможности Nextgen Gallery

Настройка галерей

• Удобное, централизованное управление всеми вашими галереями изображений и фотографий из удобной панели управления плагином.
• Редактирование. Вы всегда можете создавать новые галереи, дополнять и редактировать ранее созданные.
• Управление миниатюрами. Генерация и настройка отображения миниатюр для ваших изображений.
• Редактирование изображений. Возможность задавать теги, описания, заголовки для отдельных изображений.
• Водяные знаки. Быстрое создание водяных знаков и защитных текстов на ваших изображениях.
• Альбомы. Объединяйте ваши галереи в альбомах для большего удобства.

Вывод галерей

• Два типа галерей для вывода на страницах вашего сайта. В виде слайд шоу галерей и в виде галереи миниатюр.
• Вывод одиночных изображений.

Управление из меню настроек и шорткоды

• Вы можете использовать удобное меню настроек плагина для управления галереями или воспользоваться шорткодами для более продвинутого использования. Кроме того, к вашим услугам специальная кнопка для быстрой вставки галерей и изображений в визуальном редакторе.

Установка и активация

Установка плагина совершенно . После установки и активации, в нижней части боковой консоли WordPress появится новое меню – «Галерея» , все пункты которого мы сейчас разберем подробно.

Nextgen Gallery — настройка

Обзор

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

Добавить галерею/изображения

Загрузить изображения — загрузчик изображений в гелереи. Картинки можно сразу загружать в заранее созданную галерею. Есть возможность, воспользоваться flash-загрузчиком.
Добавить галерею — добавление новой, пустой галереи.
Загрузить zip-файл — загрузка изображений не по одному, а целым zip-архивом.
Импортировать папку с изображениями — в кладка для импорта картинок из других папок.

Галереи

Тут собраны все созданные вами галереи и базовая информация о каждой из них: ID, галереи, ее название, количество фотографий в ней. Отметив любую из галерей, вы можете выбрать из выпадающего списка набор действий которые можно тут применить ко всем изображениям — удалить, установить водяной знак.., и прочее. Подробнее смотри ниже в разделе «Редактирование изображений в галереях» .

Альбомы

Управление альбомами и галереями. Важно помнить, что галереи могут входить в состав альбома, а не наоборот. То есть, сначала вам нужно создать альбом и уже в него добавлять имеющиеся галереи.

Теги

Управление имеющимися тегами изображений. Переименовать, удалить, изменить ссылку. Сами теги вы можете назначать картинкам при редактировании изображений в галереях.

Настройки

• Основные настройки. В этой вкладке собраны все основные настройки плагина, Здесь можно, например, прописать новый путь к папке с картинками галерей или поменять настройки, которые касаются тегов и категорий. Настройки по умолчанию лучше не менять, так как все настроено оптимально.

• Превью. Вкладка, полностью посвященная настройке миниатюр изображений. Можно изменить их качество и размер.

• Изображения. Тут настройка размера изображений (если включен чекбокс — автоматически изменять размер изображений при загрузке). Очистка кеша и настройка качества выводимых картинок.

• Галерея. Настройка внешнего вида галерей. При желании можно увеличить максимальное количество изображений, выводимых на странице или количество колонок изображений, а так же настроить показ слайд-шоу.

• Эффекты. Вкладка для разных типов эффектов при клике по картинке в галерее. При использовании стороннего для эффектного вывода картинок, рекомендую выставить на — «Ничего», дабы избежать возможных конфликтов с плагином.

• Водяной знак. Настройка водяного знака для изображений ваших галерей. Настраивается положение относительно картинки, выводимый текст или изображение.

• Слайдшоу. Настройка слайдшоу. Можно задать его размеры, скорость смены изображений и режим перехода одного в другое. Изображения могут сменять друг друга, как вашей душе угодно: плавно растворятся, наезжать друг на друга и т. д.

Стили

В этой вкладке собраны все css-файлы плагина, открытые для редактирования. Выбрав один из вариантов вы можете применить его для вывода галерей.

Роли

Если на вашем сайте есть пользователи которые имеют расширенный доступ к админке, то в этом разделе вы можете детально назначить им права.

О плагине

Полная информация о Nextgen Gallery и его создателях.

Сбросить/удалить

Обнуление всех произведенных настроек плагина или его полное удаление.

Создание галерей и альбомов

Создайте новую галерею, воспользовавшись вкладкой Добавить галерею/изображение. С помощью кнопки «Выберите файлы» загрузите изображения с компьютера. Не забудьте только перед этим выбрать собственно саму галерею, в которую вы будете загружать изображения. Кликните на кнопку «Загрузить изображения». Дождитесь пока плагин загрузит все картинки и создаст для них миниатюры. Галерея успешно создана!
Для создания альбомов перейдите в соответствующее меню — «Альбом» .

Помните, что в Nextgen Gallery альбом состоит из галерей, а не наоборот. Создаете первый альбом — «Добавить новый альбом» и перетащите туда нужные галереи из правой части страницы. Жмите для сохранения — «Обновить» . В последствии, вы всегда можете изменить сохраненные альбомы, выбрав нужный и перетащив из него галереи или изменить данные, кликнув на — «Редактировать альбом».

Вставка галерей в пост

Создайте новый пост или страницу, либо используйте уже созданную ранее. В визуальном редакторе вы увидите новую иконку – Nextgen . Поместите курсор в то место, куда задумали поместить галерею и кликните на этот значок. В возникшем диалоговом окне выберете название созданной ранее галереи и способ вывода изображений. Кликните на «Вставить» , сохраните или обновите пост/страницу. Галерея добавлена!

Редактирование изображений в галереях

Для более тонкой настройки изображений, вы можете перейти в «Галереи» и кликнуть на нужную. В верхней части страницы можно изменить название и описание галереи, а так же задать страницу к которой галерея будет привязана. Ниже в выпадающем меню «Групповые действия» можно выбрать один из множества способов по разному изменять и воздействовать на изображения (предварительно, нужные должны быть выделены в чекбоксах внизу).
Еще ниже будет весь список изображений в галерее. Каждому в соответствующих полях можно изменить заголовок, описание и назначить тег.

Настройка виджетов Nextgen Gallery

Галереи изображений можно выводить не только в постах и на страницах, но и в сайдбаре, использовав виджеты Nextgen Gallery. Найти их можно в разделе «Внешний вид — Виджеты» . Всего предусмотрено три виджета:

1. Nextgen Media RSS — виджет, который отображает ссылки Media RSS для NextGEN Gallery.
2. Nextgen слайд шоу — как понятно из названия, выводит поочередно картинки из выбранной галереи.
3. Виджет Nextgen — показывает сразу несколько изображений выбранных галерей в зависимости от настроек.

Вообще говоря, существует довольно много разных плагинов — галерей. И платных и бесплатных. Но по праву, давно и серьезно занимает положение лидера и активно поддерживается разработчиками и массой поклонников. Конечно такой популярный плагин просто не мог бы обойтись без сторонних дополнений и расширений.
О самых популярных плагинах для этой замечательной галереи вы можете почитать в отдельной статье —

Версия плагина на момент написания (обновления) статьи — NextGEN Gallery 1.9.12 .

Список шорткодов для работы с галереей

Use Image Tags to Create Galleries/Albums
[ nggtags album=WordPress,Cologne,Ireland ]

Display Captions in Thumbnail Galleries
[ nggallery id=1 template=caption ]

Basic Filmstrip Galleries
[ nggallery id=2 template=carousel images=7 ]

Template Engine for Gallery Types
[ nggallery id=1 template=sample1 ] [ nggallery id=1 template=sample2 ] [ nggallery id=1 template=sample3 ] [ nggallery id=1 template=sample4 ] [ nggallery id=1 template=sample5 ] [ nggallery id=1 template=sample6 ]

Display Exif Data
[ imagebrowser id=28 template=exif ]

Sort Images in a Gallery Based on Their Tags
[ nggtags gallery=cologne,wordpress,.. ]

Integration with Third Party Plugins
[ monoslideshow id=1 w=450 h=350 ] [ nggallery id=1 template=galleryview images=0 ] [ media id=6 width=320 height=240 plugins=revolt-1 ] [ media id=3 width=320 height=240 plugins=rateit-2 ]

Add Tag Clouds
[ tagcloud]

Single Pic Options
[ singlepic id=x w=width h=height mode=web20|watermark float=left|right ]

Страница в каталоге WopdPress

Страница версии 2+

Уважаемые читатели. Я не могу оказывать техподдержку по всем плагинам и темам. Особенно в комментариях. Используйте авторские сайты.