Сегодня мы разберём супер популярный плагин , для создания фото галереи на вашем wordpress сайте. Плагин имеет множество функций с помощью которых можно настроить галерею так как вам хочется. Вы сможете создавать слайд-шоу, открытие изображений в лайтбокс окне, добавление к изображениям анимационного эффекта, изменения количества и размера изображений, использование функции Ajax для переключения страниц, добавление на изображения водяных знаков, вставка ссылок и многое другое. Вы сможете создавать множество галерей и очень просто добавлять их в записи или страницы.
У вас будет на выбор несколько вариантов отображения галереи:
— NextGEN Basic Thumbnails, стандартная галерея.
— NextGEN Basic Slideshow, слайд-шоу.
— NextGEN Basic ImageBrowser, браузер галерея.
— NextGEN Basic TagCloud, галерея в виде облака тегов.
— NextGEN Basic Compact Album, компактная галерея.
— галерея в виде альбома.
Установить плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу: Галерея — Настройки галереи . Здесь вы сможете настроить основные параметры для всех галерей.
— NextGEN Basic Thumbnails, здесь вы можете указать сколько изображений будет отображаться на одной странице. Можно указать сколько будет изображений в одном ряду. Можно выбрать шаблон галереи. Можно включить функцию переключение страниц через AJAX. Остальные настройки можно не менять. Наведите курсор мыши на обозначения параметра и вам покажут окно пояснениями.
— NextGEN Basic Slideshow, здесь можно задать максимальные размеры изображений, выбрать для изображений эффект (поэкспериментируйте с эффектами), можно задать интервал между изображениями, можете включить или отключить показ ссылок миниатюр.
— NextGEN Basic ImageBrowser, можно включить функцию переключение страниц через AJAX, можно выбрать шаблон для данной галереи.
— NextGEN Basic SinglePic, здесь можно задать параметры для показа одного изображения.
— NextGEN Basic TagCloud, укажите максимальное отображение тегов в галереи, выберите шаблон.
— NextGEN Basic Compact Album, здесь можете выбрать как будут отображаться галереи в альбоме, можно указать сколько изображений будет на одной странице. Можно включить хлебные крошки (breadcrumbs), всё остальное можно не менять.
— NextGEN Basic Extended Album, те же настройки что и у предыдущего альбома, только здесь более расширенный альбом.
— Настройки изображений, здесь можно оставить всё как есть, при желании можете перенастроить параметры под себя.
— Параметры миниатюр, можете установить максимальные размеры для миниатюр изображений.
— Эффекты Lightbox, здесь вы можете выбрать эффект для открытия изображений в лайтбокс окне. С эффектами можете поэкспериментировать.
— Водяной знак, можете добавить на изображения водяной знак. Можно выбрать в какой части изображения будет отображаться водяной знак. Вам нужно будет указать URL изображения водяного знака.
— Стили, здесь можно ничего не менять, оставьте всё как есть.
— Распределение привилегий, здесь вы можете указать кому открыт доступ к параметрам плагина Nextgen Gallery.
— Прочие настройки, здесь вы можете добавить ссылку RSS в галерею, можно очистить кэш изображений и т.д.
— Сбросить настройки, здесь вы можете сбросить настройки к значению по умолчанию, то есть к изначальным значениям.
Сохраните сделанные изменения.
На странице Теги вы можете :
— Переименовать существующие теги.
— Удалить существующие теги.
На странице — Управление Альбомами, вы можете создавать альбомы и добавлять к ним галереи.
Для создания альбома, укажите имя альбома и нажмите на кнопку — Добавить . После создания альбома вы можете редактировать альбом, указать описание альбома, выбрать миниатюру для альбома, можно выбрать страницу для альбома.
Создание новой галереи
Чтобы создать новую галерею, перейдите на станицу: Добавить Галерею/Изображения.
1 — укажите имя новой галереи.
2 — нажмите на кнопку Добавьте файлы, чтобы загрузить изображения с компьютера.
3 — нажмите на кнопку Начать загрузку, чтобы загрузить изображения в галерею.
После чего у вас создастся новая галерея. Здесь вы можете импортировать уже готовую папку с изображениями в вашу галерею. Выберите папку и нажмите на кнопку — import/gallery . Обратите внимание, если вы поставите галочку, чтобы оставлять изображения в исходной папке, то при удалении галереи все изображения удалятся из исходной папки.
На странице галереи вы сможете изменить основные параметры галереи — заголовок, описание, расположение галереи, ссылку на страницу, изображение обложки. Можно исключить любое изображение из галереи.
Добавление через запись или страницу
Откройте для редактирования или создайте новую страницу или запись. В визуальном редакторе wordpress у вас появится новая зелёная кнопка для добавления галереи. Нажмите на данную кнопку.
Далее, в открывшемся окне выберите вариант отображения галереи. На вкладке — Что вы хотите отображать , нажмите по полю Галереи и выберите галерею которая будет отображаться на данной странице. Нажмите на кнопку — Сохранить .
Опубликуйте или обновите страницу, перейдите на сайт. На сайте будет отображаться готовая фото галерея.
Если нажать на изображение, то оно откроется в лайтбокс окне и все изображения галереи можно будет просматривать в лайтбокс окне с помощью стрелок вправо и влево.
Ко мне часто обращаются с просьбами помочь установить и настроить тот или иной функционал для сайтов на 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 настройки
На втором месте стоит и мой сайт – каталог шаблонов. Я об этом плагине уже писал, только о предыдущей версии, она немного отличается, но не особенно. В этой больше функционала, но основной – такой же.
Будут еще вопросы – пишите.
На днях получил новый опыт использования популярного плагина 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
Возможностей у данного плагина придостаточно и сводятся они не только к созданию различных галерей в 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
миниатюры
.
Для этого перейдите во вкладку «Внеший вид» — «Виджеты» и добавьте данный виджет в нужный сайтбар:
На сегодня всё! Жду Ваших комментариев!
Удачи вам в создании своей фотогалереи.
До скорых встреч друзья!
Сегодня мы поговорим об одном замечательном и наверное самом популярном плагине для создания различных фотогалерей на 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
миниатюры
.
Для этого перейдите во вкладку «Внеший вид» — «Виджеты» и добавьте данный виджет в нужный сайтбар:
На сегодня всё! Жду Ваших комментариев!
Удачи вам в создании своей фотогалереи.
До скорых встреч друзья!