Плагины для nextgen gallery. Хитрые особенности использования плагина NextGEN Gallery для WordPress

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

Размер иконки по умолчанию

Размер иконки по-умолчанию в NextGEN Gallery составляет менее 100px и смотрится довольно куцо. Лучше сразу установить его хотя бы в 150px и добавить обрезку до квадратной формы. В зависимости от темы размер иконки можно увеличить до 200px.

Экономия места на сервере

Файлы фотографий современных цифровых фотоаппаратов имеют весьма ощутимый размер, легко доходящий до 20МБ и более у каждой картинки. При этом многие пользователи выкладывают такие файлы на свой сайт без всякой предварительной обработки, не задумываясь о том, что место на сервере очень скоро закончится и придется платить за дополнительные гигабайты. При создании встроенных в WordPress галерей эту проблему успешно решает плагин Resize Image After Upload (http://wordpress.org/plugins/resize-image-after-upload/), позволяющий автоматически уменьшать оригинал загруженного изображения до нужного вам размера, однако с NextGEN Gallery он не работает. К счастью в NextGEN Gallery есть встроенная возможность применять пакетное изменение размера к группам выбранных картинок: операция Resize Images на вкладке Manage Galleries .

При этом размер файлов уменьшается даже не на порядок, а на порядки. Чтобы экономия места при этом действительно состоялась, придется пожертвовать некоторой безопасностью применительно к своим исходным фотографиям: по умолчанию в NextGEN Gallery включено сохранение резервных копий загруженных изображений. Эту опцию лучше отключить и тогда место на сервере действительно удастся существенно сэкономить, сейчас она называется Backup the original images .

Водяные знаки и невозможность сохранить настройки в «Other Options»

Водяные знаки на изображениях – почти непременный атрибут, используемый для сохранения авторских прав на изображение и для дополнительного напоминания о его источнике тем, кто его себе скачает и сохранит. В галерее NextGEN Gallery есть замечательная возможность производить пакетное добавление водяных знаков как из текста, так и из заранее заготовленного файла изображения в формате PNG с прозрачным фоном. Однако в последних версиях фотогалереи здесь может поджидать неприятный сюрприз: иногда может возникнуть ситуация, когда настройки водяных знаков вдруг перестанут сохраняться. И не только они, но и вообще любые настройки, находящиеся на вкладке Other Options . Я столкнулся именно с такой проблемой и отправился за решением в англоязычный сегмент Интернета.

Оказалось, что с подобной проблемой, когда дополнительные настройки (вкладка Other Options) NextGEN Gallery не сохраняются, сталкивались очень многие, а некоторых даже выбрасывало при попытке сохранения на главную страницу. Среди многочисленных советов, как решить эту проблему, я обратил внимание на один, данный одним из разработчиков: он советовал удалить языковой файл, если тот был создан для плагина галереи. Прочитав об этом, вспомнил, что пытаясь облегчить жизнь пользователям сайта, тоже сделал файл с переводами наиболее часто используемых разделов и команд. Попробовал его удалить и – о чудо, настройки стали сохраняться! Кстати, многие также не рекомендовали изменять Permalink slug по-умолчанию (nggallery) и использовать собственные шаблоны.

Следующий нюанс обнаружился при попытке применить водяной знак из приготовленного PNG-файла. В подсказке к настройкам было сказано, что достаточно указать относительный от корня сайта путь к файлу и все будет работать. Работало, но только в предварительном просмотре – при реальной обработке файлов возникало успокаивающее сообщении об успешности операции, однако водяные знаки на изображениях не появлялись. Пришлось попробовать другой вариант – вписать в поле пути полный URL картинки с водяным знаком. И снова, о чудо, после этого водяной знак из файла оказался перенесен на изображения. Вот такие сюрпризы на ровном месте даже в мегапопулярном плагине для самого популярного движка WordPress…

Update : В версии V2.0.66.16 плагина от 30.07.2014 появился полноценный русский перевод всего интерфейса. Также перестала работать функция применения водяного знака в виде изображения. К счастью, эта проблема легко решилась переключением на текстовый водяной знак и обратно с сохранением настройки при каждом переключении.

Ко мне часто обращаются с просьбами помочь установить и настроить тот или иной функционал для сайтов на WordPress. Чаще всего я не отказываю, делаю, а затем – пишу подробную или не очень Инструкцию, по настройке и использованию того или иного плагина. Несколько дней назад ко мне обратился читатель с просьбой быстро поставить и настроить Галерею фотографий на его сайте. Исходя из пожеланий, я понял, что для решения этой задачи лучше всего подойдет плагин NextGen Gallery.

Я как-то уже выкладывал статью, посвященную настройке этого плагина. Тогда была прежняя версия. Чтобы не ошибиться – решил написать Инструкцию еще раз. Выслал – человек остался доволен.

Она не полностью описывает все без исключения настройки этого замечательного плагина. В ней я изложил главные моменты, которые позволяют быстро настроить основные функции плагина – вывести фотографии в виде Галереи, а не Слайдшоу, и для каждой фотографии добавить короткое описание.

Плагин у меня не русифицирован. Возможно, у кого-то есть локализация для последней версии плагина – скиньте, пожалуйста, я выложу для всех.

Текст Инструкции я не редактирую, он такой же как я высылал заказчику, поэтому в нем идет такое повествование. Вся Инструкция сопровождается скриншотами, для удобства изучения настроек.

Итак, начинаю.

Настройка и использования плагина NextGen Gallery

Я установил последнюю рабочую версию плагина,она не локализована на русский, но я постараюсь написать основное и показать в картинках – как создать Галерею и как ее вывести внутри записи.

Вы просили сделать так, что бы в один ряд у вас выводилось три картинки. Я сделал.

Немного о настройках:

У плагина есть своя вкладка настроек в Консоли Управления. Расположена слева в самом низу:

Я подчеркнул красной чертой основные для вас страницы настроек плагина, которыми вы будете пользоваться.

На странице Option вы увидите несколько Вкладок:

Перейдите на вкладку Image s :

Я подчеркнул красным важный элемент настройки вывода Картинки – ее размер в пикселах – ширина и высота.

Это размер всплывающего окна.

СОВЕТ: Делайте все картинки одного размера, например 800 на 600 пиксел, или другой корректный размер (корректный = соотношение 2 к 1 или 4 к 3).

Если ваши большие картинки будут разного размера, то в окне размером 800 на 600 они потеряют в качестве изображения, если картинки маленькие – будут «размазанными» и т.д.

Если вы планируете выводить большие картинки в другом размере, тогда замените выбранный размер 800 на 600 другим размером, например:

Как добавить новую галерею

Перейдите на страницу Add / Gallery Image . Откройте вкладку – Add New Gallery

Сначала надо придумать Имя для Галереи изображений и записать в этом окне.

СОВЕТ: неиспользуйте русские буквы. Лучше пишите транслитерой, чтобы и вам понятно было о чем эта галерея.

Например: в галереи вы хотите добавить картинки природы, виды гор. Тогда имя рубрики напишите так: Priroda_Gory. Не используйте пробелы (не рекомендуется). Можно использовать цифры без пробелов.

ВАЖНО! Не добавляйте файлы изображений, в имени которых – русские названия!

Файлы только на английском.

СОВЕТ: не надо придумывать файлам имена в виде чисел. Желательно (для лучшей индексации поисковиками – файлу дать английский термин). Если на картинке – тушь для ресниц – так и назовите файл: mascara.jpg.

Формат файлов – стандартный: JPG, GIF, PNG.

Если файлы посвящены какой-то рубрике, общей теме – назовите также (примерно) и Галерею. Например: Mascara

Затем нажмите кнопку – Add gallery.

Галерея будет создана и вы увидите ее короткий ID в виде числа.

Видите? Вверху появился номер созданной Галереи – id=4. Можете запомнить номер, он вам пригодится.

Теперь вам надо добавить в эту Галереи файлы картинок.

Вы находитесь в первой вкладке страницы. Сначала выберите в открывающемся списке – Choose gallery. Найдите созданную Галерею и подставьте ее в этом окне.

Затем Нажмите кнопку – Browse… Откроется окно и на своем компьютере выберите подготовленные файлы картинок.

СОВЕТ: Готовьте картинки для Галереи заранее, с установленными размерами. Создайте Папку, назовите ее Галереи. Внутри – папки с Галереями по именам Галерей (так же как здесь). Вам будет легче искать и ориентироваться в дальнейшем.

Напомню, что в Записи миниатюры выводятся по 3 штуки в ряд. Значит, ваша Галерея должна иметь число фоток, краткое трем, например: 3, 6, 9 и т.д.

Вы можете добавить картинки сразу все. Для этого нажмите на клаве кнопку Ctrl и мышкой пометьте все фотки для добавления.

Я сейчас буду делать для примера чтобы показать:

Теперь, после выбора картинок, нажимаете кнопку – Открыть.

Видите – список из трех файлов? Теперь нажмите кнопку – Upload images.

Подождите когда плагин добавит все картинки в Галерею.

Если все прошло удачно – появится вот такое сообщение — 3 picture(s) successfully added

Значит, Галерея создана и добавлена в вашу коллекцию.

Если что-то пойдет не так – будет ошибка и Галереи не будет. Попробуйте повторить.

Как добавить картинки в Запись

После того, как вы создали Галерею, вы можете ее добавить в вашу запись. Переходим в режим редактирования записи (или создания новой), заходим в редактор. В панели редактора у вас появилась новая кнопка – для добавления Галерей:

Поставьте курсор на новую строку.

Нажмите кнопку. Откроется всплывающее окно:

Нажмите на выбор:

Выберите Галерею с именем Mascara. Нажмите кнопку – Insert.

У вас в записи появится короткий код —

Зная ID Галереи (помните, я советовал запомнить), вы можете просто добавлять Галерею с помощью этого кода, только менять ID выбранной Галереи.

Теперь Сохраните запись и проверьте в режиме – Просмотреть изменения.

У вас теперь в этом черновике записи есть две Галереи, созданные мной:

Как создать короткое описание к картинке

При открытии большой картинки посетитель видит следующее:

При перемещении курсора по картинке – направо и налево – появляется посередине стрелка навигации посетителя.

Внизу – слова Image 4 of 6. То есть есть возможность навигации по всем Галереям, добавленным в одну запись. Но нет сопроводительного, короткого описания к каждой картинке. Давайте сделаем вместе.

Откройте страницу Manage Gallery (в консоли управления плагином). Увидите список ваших Галерей.

Здесь вы можете их удалять и редактировать.

Выберите Галерею и нажмите на ее имя – откроется страница редактирования Галереи:

Вас должен интересовать раздел Alt & Text / Description в описании одной картинки. Видите слово в первой картинке – snow? Это тег Alt картинки. А чуть ниже – пустое окно для Описания к картинке. Давайте напишем несколько слов, например:

Заснеженная усадьба графа Волконского под Москвой

Открываете запись. Нажимаете на просмотр картинки. Смотрите внизу под фото:

Я рассказал вам основные функции для работы с этим плагином.

Если вы внимательно посмотрите все настройки, а их – не менее 80-ти, вы поймете, что плагин имеет очень много интересного функционала.

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

Искать по нему информацию советую с помощью таких запросов:

WordPress плагин NextGen Gallery настройки

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

Будут еще вопросы – пишите.

Добрый день, уважаемые читатели и гости LediSeo! Знаю, виновата, давно не публиковала новых интересных материалов. Сама уже переживаю, но ничего поделать просто не могу – физически не успеваю писать, на это есть ряд причин, о которых умолчу. Сегодня спешу выполнить просьбу моей постоянной читательницы, Любови, которая попросила разобраться с созданием галереи на wordpress. Я не могу оставить данную просьбу без внимания, не в моих это правилах, поэтому в данной статье мы с Вами поговорим о с помощью простого, но функционального плагина NextGEN Gallery, а также рассмотрим основные . Ну что же, долго кота за хвост тянуть не будем, а сразу приступим к делу. Итак, поехали……

1. Как я объявляла в конце апреля на блоге “Seo записки Отчаянной” ежемесячно проходит конкурс среди комментаторов. Тот из Вас, кто больше всего за месяц напишет сообщений и попадет в “Тор комментаторов” на первое место, получает от меня 100 рублей. Конечно, это не 1000 рублей, но все же.По итогам мая первую позицию в топе занял Никита. Поздравляю! Прошу победителя прислать свой электронный кошелек.2. Пожалуй, эту новость надо было ставить на первое место, но я девушка скромная, поэтому так тихо по секрету с Вами поделюсь – блог Отчаянной получил Кубок Признания от своих постоянных читателей. Огромное спасибо Люцине Соловьевой за оказанное внимание! Мне очень дорого Ваше мнение и мнение всех моих читателей, ведь именно для Вас я и создаю блог.3. У блога появилась своя группа на сервисе Subscribe.ru , которая называется “Блоггер пати” и располагается по адресу http://subscribe.ru/group/blogger-pati/ . Приглашаю всех желающих стать участниками группы. Обещаю, скучать не придется.

Вот, кажется основными новостями поделилась, а об остальных сюрпризах Вы уже начнете узнавать на этой недели, а мы все же вернемся к основной теме и создадим галерею на wordpress с помощью NextGEN Gallery. Почему именно этот плагин? Да потому что он прост в установке и обладает таким функционалом, что одной статьи не хватит, чтобы описать все настройки плагина NextGEN Gallery, мы остановимся на основных. Но для начала скачиваем дистрибьютив плагина с официальной страницы http://wordpress.org/extend/plugins/nextgen-gallery/ (я буду использовать неруссифицированную версию). Установка и активация плагина происходит стандартным образом, только после его активации в консоли управления у Вас появляется новый пункт Gallery(стрелочка 1), наведя на который откроется окно с пунктами настроек (стрелочка 2). Сейчас быстренько по ним пробегусь, чтобы было понять что для чего. Итак:

  • Overview – Обзор, на данной вкладке можно просмотреть сколько изображений загружено, сколько создано галерей или альбомов
  • AddGallery/Image – Добавить галерею\Изображение
  • Manage Gallery — Управление галереей
  • Album — Альбом
  • Tags – Метки, позволяет использовать метки
  • OPtions — Опции
  • Style – Стили
  • Roles — Роли
  • About – О, здесь все о разработчиках
  • Reset/Uninstall – Сбросить\Удалить, позволяет вернуться к стандартным настройкам или же удалить плагин.

Сложного и не понятного в данных настройках нет, поэтому переходим сразу непосредственно к созданию галереи на блоге, для этого нажимаем на пункт AddGallery/Image и попадаем на страницу создания галереи

В данное поле вводим на латинице название нашей галереи, которая будет размещена на хосте в директории wp-content/gallery/здесь имя созданной галереи (стрелочка 1) и затем нажимаем на кнопку Add gallery (стрелочка 2).

Мы сразу же попадаем на следующую страницу, где мы начинаем настройки NextGEN Gallery, а именно загружаем фото в галерею

Прежде всего хочу обратить Ваше внимание на стрелочку 6

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

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

Стрелочкой 2 я подсветила строку, где Вы можете указать, что максимальный размер вывода картинок в галереи 800х600 рх. Изменить размер картинок в галереи Вы можете самостоятельно с помощью пункта OPtions – image

Хочу дать небольшой совет: загружайте снимки в галерею одного размера. Если Ваши картинки будут разного размера, то в окне размером 800 на 600 они потеряют в качестве изображения, если картинки маленькие – будут «размазанными»

С помощью кнопки Upload images (стрелочка 4) начинаем загрузку снимков, но я предпочитаю загружать фото сразу целым архивом.zip зайдя во вкладку Upload a Zip-File (стрелочка 5). Мне достаточно на рабочем столе компьютера создать папку, куда поместить снимки и затем ее заархивировать в.zip архив и затем

в данной вкладке в поле Select zip-file (стрелочка 1) выбрать этот архив, потом в поле in to указать галерею в которую необходимо загрузить фото (стрелочка 2) и затем нажать на кнопку Start upload (стрелочка 3).

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

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

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

То есть кликнув на любую картинку из галереи у нас откроется вот такое окно поверх нашего блога,

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

В консоли управления выбираем пункт Manage Gallery и на открывшейся странице кликаем по названию галереи, в которой нам необходимо внести изменения

а именно слегка прокручиваем страницу вниз до того момента, пока не начнется список из картинок с несколькими столбцами, нас же должно интересовать Alt&Title Text/Description. По умолчанию у Вас будет в данном столбце

заполнена только маленькое поле Alt&Title Text, где будет прописано название загруженного изображение. У меня на скриншоте это простой набор цифр. Именно это и будет отражаться при наведении курсора мышки на тот или иной снимок.

А вот поле Description более широкое поле будет пустым, а именно благодаря ему и будет отражать описание снимка в галерее.

Поэтому я самостоятельно произвожу изменения в обоих полях прописываю необходимые мне слова – “салат из говядины и редьки” и ”салат “Для настоящего полковника””. Внеся изменения и у остальных снимков из данной галереи нажимаем внизу на кнопку “Save changer”, идем на блог и запускаемся нашу галерею

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

Разместить галерею на блоге можно не только внутри статьи, но и в боковой колонке, с помощью виджетов NextGEN Slideshow, NextGEN Widget, NextGEN Media rss

которые устанавливаются при активации плагина NextGEN Gallery. Данные виджеты имеют элементарные простые настройки, понятные на интуитивном уровне. Главное – не забывать указывать id галереи или ее название.

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

На сим я откланиваюсь. Всем удачи! Пока- пока. Не забудьте подписаться на обновление блога , чтобы не пропустить интересные материалы и главную новость июня – кто получить приз от Kazapa за историю о самом счастливом дне, а так же первое интервью в интернете …… Кого? А вот это секрет, узнаете все в июне.

Возможно Вам это будет интересно:

Сегодня мы поговорим об одном замечательном и наверное самом популярном плагине для создания различных фотогалерей на 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 Gallery всем пользователям WordPress. Есть лишь один момент, о котором вам нужно знать заранее. Плагин действительно крут, но очень тяжел и создает определенную нагрузку на хостинг.

Так что если у вас скромный хостер, а посещаемость блога солидная, могут возникнуть проблемы. В остальном NextGEN Gallery – просто песня! Загрузите и установите NextGEN Gallery по ссылке: http://wordpress.org/extend/plugins/nextgen-gallery/

Перейдите во вкладку под названием Добавить галерею/изображения:

Придумайте название галереи и напишите его английскими буквами:

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

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

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

А теперь давайте попробуем вставить галерею в любой из ваших постов. Зайдите в админку, затем в редактор любого поста и нажмите вот эту иконку:

Когда перед вами откроется окно, выберите способ вывода изображений и галерею:

Обновите страницу/пост, после чего вы увидите результат своей работы в виде «превьюшек» изображений:

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

Осталось внести настройки в плагин NextGEN Gallery и пригласить друзей на сайт для оценки новых возможностей галереи. В админке WordPress зайдите в Галерею, затем в ее настройки. Рассмотрим основные вкладки.

Основные настройки. Здесь лучше ничего не трогать, все и так оптимально настроено. - можно изменить размеры превью:

Ставим галочку напротив «Кэшировать изображения», чтобы уменьшить нагрузку:

А вот здесь можно изменить количество выводимых изображений на странице вашего сайта:

Можно настроить интересные эффекты плагина:

Также вы увидите вкладки «Водяной знак» (здесь все ясно) и «Слайдшоу» – можно настроить красивый эффект перехода.

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

Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: