Nextgen галерея. Плагин галереи для WordPress — NextGEN Gallery. Загружая фото в галерею, я не могу найти их в Библиотек Медиафайлов. Где находятся эти изображения
Вот нужно было установить простой, функциональный плагин WordPress, который бы позволил бы создавать галерею фотографий, графических изображений в разном формате и каждую галерею можно было бы без проблем интегрировать в определенный пост. А еще бы хотелось, чтобы я мог без проблем каждую галерею на блоге заказчика редактировать, и чтобы для этого требовалось минимум усилий.
В общем пошел в интернет, обратился к известным seo блогам, чтобы найти самый функциональный плагин – чаще всего упоминается NextGEN Gallery. Как пользоваться им описано в общих чертах, я же решил написать детальную инструкцию об установке, настройке, и установке галерей на блог WordPress. Скачиваем плагин по этому адресу – http://wordpress.org/extend/plugins/nextgen-gallery/, его установка обычна, проходит без проблем.
После активации плагина WordPress NextGEN Gallery Вы увидите новый виджет – меню в левой колонке внизу администраторского раздела.
С помощью такого вот мощного меню могу создавать галереи, редактировать, настраивать их на блоге.
Создание галереи с помощью плагина NextGEN Gallery.
Создадим первую галерею, для этого возьму у заказчика набор фотографий. Для меня, как исполнителя, важны их названия, если они написаны кириллицей, переименую все файлы, написав их латинскими буквами. Как давать имена файлам – использую названия поста, куда буду вставлять галерею, чтобы в будущем не путаться с ними. Если картинок много использую еще и цифры. Не нужно использовать в галереях очень большие изображения, ведь чем больше их разрешение и качество, ширина с высотой, тем больше времени нужно потратить браузеру на их вывод на экран, к тому же они будут отображаться на странице в виде маленьких пиктограмм, а уже после нажатия на каком-то изображению галереи курсором мышки – будут загружаться браузером во всей красе.
Если Вы планируете создать очень много галерей с помощью плагина NextGEN Gallery, – технически это возможно, подумайте о том, что место на серверах хостинга может довольно быстро закончиться и Вам придется или их удалять, или покупать дополнительный объем на сервере.
Вызываю панель создания новой галереи(зеленая стрелочка) и сразу же открывается нужная мне вкладка(синяя стрелочка). В окошке вкладки “Add new gallery” пишу латинскими буквами название новой галереи. Вообще-то название можно прописывать и по-русски, но я контролирую себя, пытаюсь все имена каталогов и файлов писать латиницей, буквами, но иногда увлечешься и пишешь по-нашему. Первая галерея создана и плагин NextGEN Gallery готов ее наполнить содержимым.
После того, как создали первую галерею, появляется новая вкладка “Upload Images”(черная стрелка). В выпадающем списке(малиновая стрелка) выбираю название созданной галереи. Если на блоге будет создано очень много галерей, будьте внимательны, чтобы фотографии загрузить именно в ту галерею, которую нужно. Затем нажимаю кнопку(красная стрелка) для выбора файлов, которые подлежат перемещению в каталог галереи на сервере.
После выбора файла следует нажать кнопку Upload Images (зеленая стрелочка на верхнем скриншоте), и процесс запущен, выполняется загрузка файла в созданный каталог плагином NextGEN Gallery
А вот после завершения этого процесса, можно выбирать следующий файл для создаваемой галереи. Как видите работа довольно утомительна, если файлов таких не один десяток. Если же фотографий 5 – 10 я пользуюсь таким вот способом наполнения галереи материалом. Но это единственный надежный способ, чтобы все файлы гарантированно перебросить на сервер, повезет, если в это время не будет обрывов связи, иначе времени потратите уйму и возможны ошибки.
Можно выполнить загрузку фотографий из архива, но и тут существуют ограничения: архив должен быть в zip формате, его объем должен быть меньше 2 Мб. Пожалуй, ограничение размера архива не очень практично. Ведь только одиннадцать файлов поместилось в такой файл-архив, но они не самого высокого качества. А если нужно загрузить пакетом 100 фотографий или 20. Тогда нужно создавать несколько архивов, поочередно загружать, при этом создавать такие архивы и следить, чтобы не попали туда фотографии-дубли: сортировать, отбирать, удалять, архивировать несколько папок. Экономия времени и простота создания галерей плагином NextGEN Gallery с помощью пакетной загрузки файлов – сомнительно, по крайней мере для меня.
Но после завершения процесса загрузки файлов в каталог созданной галереи, плагин сообщает, что у меня все получилось и могу продолжать работу.
Где находятся фотографии, которые загружает плагин NextGEN Gallery для наших галерей?
В общем каждый блоггер должен знать, что у него на сервере твориться, чтобы уметь и в ручную почистить свой блог от ненужных файлов, да и если что загрузить картинки на сервер с помощью FTP – клиента.
С помощью FTP – клиента зайдите на свой блог WordPress, пройдите в каталог wp-content, найдите каталог gallery. Его создает плагин NextGEN Gallery автоматически после его установки и активации. Зайдите и в него, и у Вас должны отобразиться все каталоги, которые появляются во время создания новой галереи. К примеру, я создал галерею avtoprobeg, в папке же сразу появилась новая папочка с названием avtoprobeg (обведена красной рамкой). Откройте и ее
Вы увидите все файлы, которые были загружены плагином NextGEN Gallery автоматически.
Если Вы создали галерею, но не можете загрузить фотографии теми способами, что я описал выше, откройте созданную папку галереи с помощью Вашего FTP – клиента, чтобы ее легче найти, называйте создаваемые галереи понятно и имена прописывать латинскими буквами, чтобы в дальнейшем застраховаться от ошибок, которые могут возникнуть во время системного сбоя наа сервере. В ней должна находиться только папочка thumbs (зеленая рамочка на верхнем скриншоте). И с помощью программы все файлы загрузить в нужный каталог. Именно таким способом я пользуюсь, когда создаю галереи и нужно мне загрузить много фотографий, как показал мой опыт, это быстрее, надежнее, и я не трачу много времени на эту работу.
Как управлять галереей, которая создается с помощью плагина NextGEN Gallery.
После загрузки фотографий, я должен настроить созданную галерею. Для этого есть раздел Управление Галереями.
Ничего сложного, заходите в него, выбираете нужную галерею, кликаете на ее названии и работаете с ней сколько душе будет угодно.
Первое, по умолчанию в заголовке галереи прописывается ее название(1), Описание – пишется любой текст с ключевыми словами к посту, к которому буду прикреплять эту галерею(2). Где размещаются фотографии указывается в поле 5. Эта строка не редактируется здесь, а размещена для информирования.
Если желаем сделать галерею еще и анкором ссылки пользуемся выпадающим списком 6, а заглавной фотографией будет та, название которой будет выставлено в выпадающем списке 7. Сохранение изменений в настойках редактируемой галеры выполняется нажатием кнопки 4.
И осталась кнопочка 3. Если Вы загрузили фотографии в каталог галереи, используя FTP – клиент, должны нажать ее, и плагин получит информацию о загруженных фотографиях. Если Вы загружали файлы в галерею, используя загрузчик самого плагина, то кнопку не нужно нажимать. Если Вы удалите какой-то файл из каталога галереи, то нажмите кнопку 3 и информация о фотографиях обновится.
На этом скриншоте отображается продолжение панели настройки созданной галереи, уже прописали название и описание для нее, теперь нужно поработать с самими фотографиями. Как видно из скриншота, формат загруженных фотографий плагин отображает корректно(8), и их количество совпадает с количеством загруженных файлом, это уже хорошо. Опять же я могу прописать атрибуты файлов(9), когда браузер загрузит страницу с этой галереей, эти атрибуты будут видно при просмотре кода страницы, в обычном режиме они не должны быть доступными для читателей блога. Разве что-то пойдет не так, и фотографии не будут загружаться в окне брузера. В общем я их прописываю для поисковых роботов, работы не много, но надеюсь, что помогу продвижению страницы в и блога в целом. Точно так же поступаю с полями Tags (10) – пишу несколько ключевых слов. И вот так для каждой фотографии, что загружена в галерею.
Очень интересный инструмент Sort gallery (11) – Вы и я имеем возможность установить свой порядок вывода фотографий в галерее NextGEN Gallery, ведь сами фотки могут сортироваться автоматически, по названию, и такой порядок не всегда совпадает с хронологией событий. Тогда нажмите кнопку и в появившемся окне путем перетаскивания изображений установите нужный порядок отображения их в Вашей галерее.
Так вот сортировка выполняется автоматически по параметрам, которые указаны в списке(13), вы же можете расположить фотографии в ручном режиме(14). Для этого нужно навести курсор мышки на изображение, которое желаете переместить в другое место, нажать правую кнопку манипулятора, и перетащить его в новое место, когда увидите вот такую черненькую полосочку(14), отпустите кнопку мыши. Выполняйте сортировку изображений до тех пор, пока не достигните нужных результатов. Не забудьте сохранить внесенные изменения (15), и затем только возвратиться в панель настройки галереи(16), которую создаем с помощью плагина NextGEN Gallery.
Последнее довольно таки мощный инструмент Bulk actions (12).
Пользоваться просто: выбираем фотографии, которые подлежать обработке, из выпадающего списка выбираем нужный эффект, и нажимаем применить. Среди возможностей, что предаются пользователям при создании галереи с помощью плагина NextGEN Gallery: удаление и поворот изображений, работа с метками, ротация и импорт мета-тегов, установить новый фон для изображений, изменение размеров их. Но самое прикольное для меня – это установка водяных знаков на изображениях, которые вставляются в галерею блога WordPress.
Как вставить галерею NextGEN Gallery в пост блога?
А вот это делается очень просто. Захожу в редактор нужного поста, что был опубликован или запланирован на блоге. Устанавливаю курсор та, где должна появиться галерея. Выбираю значок “А” и в появившейся панельке выбираю название галереи “В”. Сохраняю пост.
В общем знаний для создания галерей с помощью плагина WordPress NextGEN Gallery должно хватить, чтобы украсить свой блог очень интересными фотографиями о деятельности заказчика, показать его, а не только писать, говорят одна фотография может сделать больше для блога чем 1 000 знаков. Может это с людьми так, но не забывайте, чтобы достичь успеха, нужно, чтобы Ваша страница была проиндексирована поисковыми системами. А чтобы это было сделано быстро и успешно придется писать на блог, так как Яндекс говорит, что страницы только с картинками он не воспринимает, по крайней мере так написано у него в справке.
NextGen галерея
также доступна в премиум-версии, эта версия будет добавлять новые изображения 6 в режиме увеличения, новости 5 лайтбокс
И помощь.
Что нам понравилось:
- Простота плагин (Вы можете создать свою галерею в 5 максимум минут ) .
- Lighbox (когда вы нажимаете на изображение, появится окно, которое покажет вам впечатленный ) .
- Интеграция с темами (в этом уроке мы экспериментировали на тему Двадцать Двенадцать », И это отображается очень хорошо ) .
Что нам не понравилось:
- Le плагин частично на английском языке.
- опция "Ссылка на страницу" не работает должным образом, вы можете прикрепить страницу, но она не будет показывать фото галереи.
- Тот факт, что он вынужден нажать на [показать слайд-шоу ] увидеть слайд-шоу, беспокоит нас, потому что это означает, что вы должны перейти на другую страницу.
Вывод:
Alors, что предлагает больше возможностей, с этим плагином вы можете легко создавать фотогалереи без головокружения. Мы надеемся, что этот урок поможет вам создать фотогалереи на вашем блоге.
NextGEN Legacy — статья о плагине версии 1.9.13. Это последняя версия галереи перед переходом на новую версию. Nextgen Gallery – это самый популярный и востребованный плагин для создания галерей для Wordpress сайтов. С помощью Nextgen Gallery вы сможете вставлять в посты и страницы вашего блога не только галереи, но и отдельные фото и даже целые слайд шоу. Одним словом — эффективно управлять вашими графическими файлами и показывать их пользователям во всей красе. На сегодняшний день, это самый популярный плагин для создания галерей на WP.
Еще сравнительно недавно, Nextgen Gallery хоть и был сверх популярен, но все таки обладал некоторыми минусами. Например, возникала проблема с и весьма высокой нагрузкой на сервер. Проблемы эти уже давно решены, хотя назвать плагин легким, я бы все таки, не решился и сейчас.
Плагин уже давно и полностью русифицирован. В этой статье я подробно расскажу вам о всех настройках плагина. О том, как создавать альбомы с галереями и как использовать их на страницах вашего сайта.
Возможности Nextgen Gallery
Настройка галерей
- Удобное, централизованное управление всеми вашими галереями изображений и фотографий из удобной панели управления плагином.
- Редактирование. Вы всегда можете создавать новые галереи, дополнять и редактировать ранее созданные.
- Управление миниатюрами. Генерация и настройка отображения миниатюр для ваших изображений.
- Редактирование изображений. Возможность задавать теги, описания, заголовки для отдельных изображений.
- Водяные знаки. Быстрое создание водяных знаков и защитных текстов на ваших изображениях.
- Альбомы. Объединяйте ваши галереи в альбомах для большего удобства.
Вывод галерей
- Два типа галерей для вывода на страницах вашего сайта. В виде слайд шоу галерей и в виде галереи миниатюр.
- Вывод одиночных изображений.
Управление из меню настроек и шорткоды
- Вы можете использовать удобное меню настроек плагина для управления галереями или воспользоваться шорткодами для более продвинутого использования. Кроме того, к вашим услугам специальная кнопка для быстрой вставки галерей и изображений в визуальном редакторе.
Установка и активация
Установка плагина совершенно . После установки и активации, в нижней части боковой консоли WordPress появится новое меню – «Галерея» , все пункты которого мы сейчас разберем подробно.
Nextgen Gallery — настройка
Обзор
В этой вкладке показано, сколько всего галерей и изображений имеется в наличии. Кроме того, отображены последние новости от разработчиков Nextgen Gallery и блок ссылок на похожие плагины. Тут же можно загрузить русскую локализацию.
Добавить галерею/изображения
Загрузить изображения —
загрузчик изображений в гелереи. Картинки можно сразу загружать в заранее созданную галерею. Есть возможность, воспользоваться flash-загрузчиком.
Добавить галерею —
добавление новой, пустой галереи.
Загрузить zip-файл —
загрузка изображений не по одному, а целым zip-архивом.
Импортировать папку с изображениями — в
кладка для импорта картинок из других папок.
Галереи
Тут собраны все созданные вами галереи и базовая информация о каждой из них: ID, галереи, ее название, количество фотографий в ней. Отметив любую из галерей, вы можете выбрать из выпадающего списка набор действий которые можно тут применить ко всем изображениям — удалить, установить водяной знак.., и прочее. Подробнее смотри ниже в разделе «Редактирование изображений в галереях» .
Альбомы
Управление альбомами и галереями. Важно помнить, что галереи могут входить в состав альбома, а не наоборот. То есть, сначала вам нужно создать альбом и уже в него добавлять имеющиеся галереи.
Теги
Управление имеющимися тегами изображений. Переименовать, удалить, изменить ссылку. Сами теги вы можете назначать картинкам при редактировании изображений в галереях.
Настройки
- Основные настройки. В этой вкладке собраны все основные настройки плагина, Здесь можно, например, прописать новый путь к папке с картинками галерей или поменять настройки, которые касаются тегов и категорий. Настройки по умолчанию лучше не менять, так как все настроено оптимально.
- Превью. Вкладка, полностью посвященная настройке миниатюр изображений. Можно изменить их качество и размер.
- Изображения. Тут настройка размера изображений (если включен чекбокс — автоматически изменять размер изображений при загрузке). Очистка кеша и настройка качества выводимых картинок.
- Галерея. Настройка внешнего вида галерей. При желании можно увеличить максимальное количество изображений, выводимых на странице или количество колонок изображений, а так же настроить показ слайд-шоу.
- Эффекты. Вкладка для разных типов эффектов при клике по картинке в галерее. При использовании стороннего для эффектного вывода картинок, рекомендую выставить на — «Ничего», дабы избежать возможных конфликтов с плагином.
- Водяной знак. Настройка водяного знака для изображений ваших галерей. Настраивается положение относительно картинки, выводимый текст или изображение.
- Слайдшоу. Настройка слайдшоу. Можно задать его размеры, скорость смены изображений и режим перехода одного в другое. Изображения могут сменять друг друга, как вашей душе угодно: плавно растворятся, наезжать друг на друга и т. д.
Стили
В этой вкладке собраны все css-файлы плагина, открытые для редактирования. Выбрав один из вариантов вы можете применить его для вывода галерей.
Роли
Если на вашем сайте есть пользователи которые имеют расширенный доступ к админке, то в этом разделе вы можете детально назначить им права.
О плагине
Полная информация о Nextgen Gallery и его создателях.
Сбросить/удалить
Обнуление всех произведенных настроек плагина или его полное удаление.
Создание галерей и альбомов
Создайте новую галерею, воспользовавшись вкладкой Добавить галерею/изображение.
С помощью кнопки «Выберите файлы»
загрузите изображения с компьютера. Не забудьте только перед этим выбрать собственно саму галерею, в которую вы будете загружать изображения. Кликните на кнопку «Загрузить изображения». Дождитесь пока плагин загрузит все картинки и создаст для них миниатюры. Галерея успешно создана!
Для создания альбомов перейдите в соответствующее меню — «Альбом»
.
Помните, что в Nextgen Gallery альбом состоит из галерей, а не наоборот. Создаете первый альбом — «Добавить новый альбом» и перетащите туда нужные галереи из правой части страницы. Жмите для сохранения — «Обновить» . В последствии, вы всегда можете изменить сохраненные альбомы, выбрав нужный и перетащив из него галереи или изменить данные, кликнув на — «Редактировать альбом».
Вставка галерей в пост
Создайте новый пост или страницу, либо используйте уже созданную ранее. В визуальном редакторе вы увидите новую иконку – Nextgen . Поместите курсор в то место, куда задумали поместить галерею и кликните на этот значок. В возникшем диалоговом окне выберете название созданной ранее галереи и способ вывода изображений. Кликните на «Вставить» , сохраните или обновите пост/страницу. Галерея добавлена!
Редактирование изображений в галереях
Для более тонкой настройки изображений, вы можете перейти в «Галереи»
и кликнуть на нужную. В верхней части страницы можно изменить название и описание галереи, а так же задать страницу к которой галерея будет привязана. Ниже в выпадающем меню «Групповые действия»
можно выбрать один из множества способов по разному изменять и воздействовать на изображения (предварительно, нужные должны быть выделены в чекбоксах внизу).
Еще ниже будет весь список изображений в галерее. Каждому в соответствующих полях можно изменить заголовок, описание и назначить тег.
Настройка виджетов Nextgen Gallery
Галереи изображений можно выводить не только в постах и на страницах, но и в сайдбаре, использовав виджеты Nextgen Gallery. Найти их можно в разделе «Внешний вид — Виджеты» . Всего предусмотрено три виджета:
- Nextgen Media RSS — виджет, который отображает ссылки Media RSS для NextGEN Gallery.
- Nextgen слайд шоу — как понятно из названия, выводит поочередно картинки из выбранной галереи.
- Виджет Nextgen — показывает сразу несколько изображений выбранных галерей в зависимости от настроек.
Вообще говоря, существует довольно много разных плагинов — галерей. И платных и бесплатных. Но по праву, давно и серьезно занимает положение лидера и активно поддерживается разработчиками и массой поклонников. Конечно такой популярный плагин просто не мог бы обойтись без сторонних дополнений и расширений.
О самых популярных плагинах для этой замечательной галереи вы можете почитать в отдельной статье —
Версия плагина на момент написания (обновления) статьи — NextGEN Gallery 1.9.12 .
Список шорткодов для работы с галереей
Use Image Tags to Create Galleries/Albums
[ nggtags album=WordPress,Cologne,Ireland ]
Display Captions in Thumbnail Galleries
[ nggallery id=1 template=caption ]
Basic Filmstrip Galleries
[ nggallery id=2 template=carousel images=7 ]
Template Engine for Gallery Types
[ nggallery id=1 template=sample1 ]
[ nggallery id=1 template=sample2 ]
[ nggallery id=1 template=sample3 ]
[ nggallery id=1 template=sample4 ]
[ nggallery id=1 template=sample5 ]
[ nggallery id=1 template=sample6 ]
Display Exif Data
[ imagebrowser id=28 template=exif ]
Sort Images in a Gallery Based on Their Tags
[ nggtags gallery=cologne,wordpress,.. ]
Integration with Third Party Plugins
[ monoslideshow id=1 w=450 h=350 ]
[ nggallery id=1 template=galleryview images=0 ]
[ media id=6 width=320 height=240 plugins=revolt-1 ]
[ media id=3 width=320 height=240 plugins=rateit-2 ]
Add Tag Clouds
[ tagcloud]
Single Pic Options
[ singlepic id=x w=width h=height mode=web20|watermark float=left|right ]
Страница в каталоге WopdPress
Страница версии 2+
Уважаемые читатели. Я не могу оказывать техподдержку по всем плагинам и темам. Особенно в комментариях. Используйте авторские сайты.
Ко мне часто обращаются с просьбами помочь установить и настроить тот или иной функционал для сайтов на 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 ну и конечно разберемся со всеми тонкостями его настроек — это размещения галереи изображений в статьях, страницах, рубриках, установка водяного знака на изображения и множество других параметров.
Итак, ниже вы можете увидеть, как будет отображаться галерея изображений на вашем сайте.
Клик для увеличения
Настройка плагина nextgen gallery
Пункт установки и активации плагина пропускаю, думаю, вы не впервые устанавливаете плагины WP, а если призабыли, тогда вспоминаем .
После установки в админ. панели WP появится новый пункт «Галерея» с 7 пунктами, пронумерованы на скриншоте ниже.
1. пропускаем там статистические данные сколько создано галерей и альбомов.
2. «Добавить галерею/Изображения»
Клик для увеличения
- 1 – создать новую галерею – данный пункт будет установлен по умолчанию.
- 2 – указываем свое название галереи – к примеру: Корсеты2.
- 3 – переходим Add Files – откроется окно выбираем свои
заранее.заготовленные изображения, картинки. - 4 – открыть.
- 5 – список загруженных изображений.
- 6 – Start Upload – загрузка изображений в созданную галерею.
3.
Управления галереями – в данном пункте будут отображаться созданные галереи и их информация (id, название, количество изображений, ).
Также в данном пункте устанавливается водяной знак той или иной галереи.
Клик для увеличения
- 1 – выбираем действие.
- 2 — отмечаем id.
- 3 – выбираем поставить водяной знак nextgen gallery.
- 4- применить.
4. Управления альбомами — после создания и выбора альбома ниже, вы можете перетащить галерею или другой альбом в ваш новый альбом.
5. Теги – правка, изменение или задать новые теги изображениям.
6.
Настройка галереи – здесь задаются основные требования для вашей галереи изображений при настройки плагина nextgen gallery – это раздел можно считать одним из основных, итак, что здесь будет
7 пунктов
Клик для увеличения
п. 1 NextGEN Basic Thumbnails — основных миниатюр
Клик для увеличения
К примеру: зададим 3 изображения на страницу и 3 в ряд получим
Клик для увеличения
п. 2
NextGEN Basic Slideshow — слайд-шоу
здесь можно задать максимальный размер изображения (параметры 600 на 400 вполне нормальные) но можно и поэкспериментировать.
п. 3
NextGEN Basic imageBrowser — изображения в браузере.
Также можно оставить по умолчанию (Переключение страниц через AJAX)
п. 4
NextGEN Basic Single Pic — одиночное
здесь отмечаем п. 1, п. 2 и п. 3 отмечены на скриншоте
Клик для увеличения
обратите внимание на п. 2 показывать водяной знак (который подключается к галереи в Управлении галереи ).
п. 5 NextGEN Basic TagCloud — облако тегов.
максимальное количество тегов — по умолчанию стоит 45 — можно ничего не менять.
п. 6 NextGEN Basic Compact Album — компактный альбом.
п. 7 NextGEN Basic Extended Album — расширенный альбом.
Можно оставить по умолчанию с самого названия уже должно быть вам видно что они предназначены для альбомов, если будите создавать альбомы тогда можно их настроить указав сколько галерей отображать в альбоме и т.д.
7. Прочие настройки — здесь задаются основные настройки всему плагину в данном пункте 8 подпунктов.
Клик для увеличения
Здесь основное внимание хочу обратить на пункт 3 эффекты Lightbox и 4 водяной знак
.
3 — эффекты Lightbox здесь два пункта.
Пункт 1. Выбор эффекта — их там 5, при установки того или иного эффекта изображения будут переключаться для просмотра по-разному. Пример, трех показан на скриншоте
Клик для увеличения
по тестируйте подберите свой эффект переключения изображений.
Пункт 2 . Позволяет выбрать область применения — можно выбрать для всех изображений которые у вас есть на сайте или только для этого плагина.
4. водяной знак — здесь настраиваем свой , можно надпись, или картинку.
Как разместить галерею изображений на странице
Для этого необходимо разместить шорткод на странице где вы собираетесь отобразить галерею
миниатюра галерей