Плагины для 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 несложно. Плагин действительно считается одним из самых лучших для создания галереи.