Как создать галерею картинок для сайта

Меню

Панель значковЗначок менюАккордеонВкладкиВертикальные вкладкиЗаголовки вкладокВкладки полной страницыВверх НавигацияОтзывчивый TopnavПанель поискаИсправлена ​​боковая панельБоковая навигацияПолноэкранная навигацияМеню Off-CanvasНаведение с помощью кнопокМеню горизонтальной прокруткиВертикальное менюНижняя навигацияОтзывчивый снимок NavСсылки на нижнюю границуСсылки справаЦентрированные ссылки менюИсправлено менюСлайд-шоу в прокруткеСкрыть Navbar в прокруткеПрикрепленное NavbarВыпадающие окна HoverНажмите «Раскрывающиеся окна»Раскрытие в ТопнавеРаспространение в СиденеОткроется панель NavbarDropupMega MenuпагинацияПанировочные сухариГруппа кнопокГруппа вертикальных кнопокВажная социальная панельОтзывчивый заголовок

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

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

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

Платные плагины галереи для Вордпресса

О платных плагинах я расскажу лишь вкратце — переходите по ссылкам для получения детальной информации, там все подробно написано.

  • Множественные опции выбора цвета темы галереи и навигации.
  • Совместимость со многими медиа-форматами.
  • HTML генератор, чтобы вставлять свои галереи на другие сайты.
  • Возможность одновременной загрузки нескольких изображений.
  • Множество вариаций по настройкам эффектов при наведении: тени, слайды, масштабирование и наложение.

  • Поддержка кастомных кнопок навигации.
  • Нет лимита по количеству картинок.
  • Интеграция изображений в слайд-шоу.
  • Выбор цвета фона, кастомизация прозрачности.
  • Выбор размера миниатюр и картинок, обрамления, отступов.
  • Drag&drop сортировка мышкой.

  • Супер простая настройка и инсталляция.
  • Широкие возможности кастомизации без необходимости лезть в код.
  • Автоматические выравнивание.
  • Поддержка слайдшоу «Последние записи» на главной странице.
  • Облако тегов или фильтрация при помощи кнопок.
  • Бесконечный скролл или автоподгрузка.
  • Особые кроссбраузерные эффекты: подсветка, затуманивание, сепия.

После покупки плагина вам также будет доступная PDF-документация на 87 страницах с полным и подробным списком настройки эффектов и решения различных проблем.

  • Помощник, облегчающий настройку.
  • Поддержка и совместимость с плагином «NextGen».
  • Более 40 CSS 3 анимаций и эффектов.
  • Поддержка URL и описаний для SEO-оптимизации.
  • Настройки цвета, ссылок, отступов и размеров изображений.
  • Интеграция с Фейсбуком или Дискусом для комментирования ваших галерей.

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

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

Рекомендую обязательно установить плагин, который автоматически конвертирует кириллицу в латиницу (Cyr to Lat). При установке этого плагина нет никаких проблем с загрузкой фотографий с кириллицей в название.

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

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

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

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

NextGEN Gallery

Если хотите, чтобы множество изображений находились в одном месте и их можно было удобно просматривать, тогда доверьтесь плагину NextGEN. Это настоящий лидер среди других модулей такого плана. NextGEN уже скачали больше 6 миллионов пользователей. Таких объемов скачиваний нет ни у одного другого медиа-дополнения для Вордпресс.

Чтобы начать работу с NextGEN, вам необходимо его скачать и, желательно, руссифицировать. Далее вам предстоит настроить работу плагина NextGEN. Основные параметры, которые необходимо задать – это путь к файлам (то есть откуда модуль будет черпать медиа для галереи), активация SEO-ссылок (файлы будут именоваться человекопонятными URL, чтобы поисковики лучше индексировали галерею) и добавление URL для определенных изображений. Кроме того, если у вас уже есть готовый сайт с изображениями, вы сможете удалить их при помощи плагина NextGEN, чтобы они все перенеслись в галерею.

Создание новой галереи изображений доступно в разделе “Галерея” в консоли плагина NextGEN. Нажмите “Добавить галерею” и придумайте заголовок. Чтобы фотогалерея появилась на странице, вам предстоит вставить шорткод в нужную часть сайта. NextGEN предоставит вам такой шорткод сразу после определения всех настроек галереи. Уже после добавления шорткода на страницу сможете изменять состав изображений галереи – добавлять или удалять их.

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

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

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

Плагины фотогалереи (галерея изображений), слайд — шоу WordPress

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

Повышенная вовлеченность посетителей — изображения и фотографии привлекают внимание и делают сайты более привлекательными. Использование изображений в ваших сообщениях и страницах приведет к увеличению вовлечённости посетителей и может повысить просмотры страниц ваших сообщений

А добавление соответствующих тегов и метаданных к изображениям может повысить эффективность SEO и обеспечить большую видимость релевантных результатов поиска в Google и Яндекс.

1. Plugins NextGEN Gallery

Плагин NextGEN Gallery

NextGEN Gallery — это пожалуй самый популярный плагин для создания качественных фото — галерей, слайд — шоу, компактных фото альбомов в CMS WordPress. Фотогалереи и альбомы, которые можно будет красиво разместить на страницах. На данный момент его уже скачали более 10 млн. раз. NextGEN Gallery позволяет выбрать стиль просмотра фотографий, создать слайд-шоу, поставить на фотографии свой водный знак и многое другое.

NextGEN Gallery очень функциональный, прост в использование и понятен в работе через административную панель сайта. Пример галереи из миниатюр вы можете видеть на первом скриншоте, в начале поста. Главное ещё, то, что плагин поддерживает русский язык.

2. Плагин Tribulant Slideshow Gallery

Плагин Tribulant Slideshow Gallery

Tribulant Slideshow Gallery — как понятно из названия, предназначен для создания слайд — шоу изображений в сообщение или на отдельной странице сайта. Главная особенность данного плагина в том, что вы можете создать слайд — шоу прямо из редактора сообщений, нажав кнопку «Добавить файлы»:

Редактор TinyMCE

3. Плагин Photo Gallery

Плагин Photo Gallery

Модуль Photo Gallery — имеет поддержку русского языка и поэтому трудностей для работы с ним возникнуть не должно. С помощью него вы можете создавать — компактные фотоальбомы; расширенные альбомы изображений с описаниями, слайд — шоу, фото — галерею с миниатюрами на страницах сообщений и отдельных страницах. Список функций Plugin Photo Gallery очень длинный, всё не перечислишь.

Посмотреть демо и прочитать о всех его возможностях, можно на официальной странице wordpress.org.

4. Grand Flagallery — Photo Gallery Plugin

Grand Flagallery — Photo Gallery Plugin

Grand Flagallery — очень многофункциональный плагин. С помощью его можно создавать не только фото — галереи, но даже и видео и аудио — галерею. С Grand Flagallery можно украсить свой сайт добавив бесплатные mp3-плеер, видео плеер и многое другое.

Плагин Photo Gallery by 10Web — Responsive Image Gallery

Фотогалерея — Адаптивная галерея изображений

Установлен более 300 тыс. раз. Если вы ищете удобный и многофункциональный плагин для добавления адаптивных галерей и альбомов на ваш сайт, плагин Photo Gallery — Responsive Image Gallery может быть лучшим вариантом для вас. Он прост в использовании, но в то же время обладает мощным функционалом, позволяющим вам создавать что угодно. Фотогалерея поставляется с потрясающими параметрами макета, галереей и альбомами, множеством виджетов и рядом расширений, которые еще больше расширяют его функциональность.

WordPress Photo Gallery — отличный выбор для фотографических веб-сайтов и блогов, а также сайтов, которые хотят иметь надежные галереи изображений с простой навигацией.

Заключение:

Оказывается плагинов для создания различных галерей изображений для WP в достаточном количестве. Есть очень популярные, есть мало известные. Надеюсь, дорогие друзья, вы подберёте себе, то,что именно вам подходит. Все представленные выше плагины можно установить через админку — Плагины — Добавить новый. В поле для поиска вводите нужное название. Устанавливаете, активируете, настраивайте и работаете. Всё.

Ещё один момент, вдруг вам представленные плагины не подходят, по разным причинам, тогда посмотрите и подберите нужный сами. Просто в поле для поиска плагинов укажите теги — gallery,image,slideshow (можно по одному) и нажмите искать. Хорошо, что сейчас можно визуально просматривать, получать нужную информацию о обновление плагина, сколько раз установили и совместим с вашей версией WordPress или нет:

Плагины для создания галереи в ВордПресс

Вдруг вам понадобится переводчик плагинов и тем (шаблонов) используйте эту инструкцию. А я с вами прощаюсь не на долго. Очень надеюсь на новую встречу. Удачи.

Плагины галереи для WordPress

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

И от этого выигрывают все: блоггеры пользуются бесплатным движком с бесплатными плагинами и делают пожертвования на развитие, разработчики дополнений получают славу, рекламу, деньги, качественные проекты в портфолио. Как утверждают некоторые товарищи — Win-win!

На что нужно обратить при выборе плагина галереи? Вот мой список критериев, у вас он может быть иным.

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

Я еще обращаю внимание на то, как часто обновляется плагин (не заброшен ли) и на совместимость с версией установленного у меня движка. Вот скрин:

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

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

Функциональность (в зависимости от потребностей): какие фичи и функционал вам нужны? Хотите ли вы показывать на сайте больше одной галереи? Нужны ли анимации, лайтбоксы, навигация, альбомы или пагинация?

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

Тестируйте, пробуйте лично! Если публикацией контента в галереи занимается наемный сотрудник (контент-менеджер или редактор), спросите у него, насколько удобно ему работать с этим плагином галереи. Если неудобно — надо менять. Что-то плохо работает — нужно исправить.

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

Сначала бесплатные.

Больше

Fullscreen VideoМодальные коробкиШкалаИндикатор прокруткиСтроки хода выполненияПанель уменийПолзунки диапазонаПодсказкиPopupsСкладнойКалендарьHTML вставкаСписокПогрузчикиЗвездвРейтинг пользователейЭффект наложенияКонтактные фишкиКартыКарточка профиляОповещенияЗаметкиМеткиКругиКупонОтзывчивый текстФиксированный нижний колонтитулЛипкий элементОдинаковая высотаClearfixСнэк-барПрокрутка рисункаЛипкий заголовокТаблица ценПараллаксПропорцииПереключение типа/не нравитсяВключить скрытие/отображениеПереключение текстаПереключение классаДобавить классУдалить классАктивный классУвеличить HoverПереход при наведенииСтрелкиФормыОкно браузераНастраиваемая полоса прокруткиЦвет заполнителяВертикальная линияАнимация значковТаймер обратного отсчетаМашинкуСкоро страницаСообщения чатаРазделить экранОтзывыЦитаты слайд-шоуЗакрываемые элементы спискаТипичные точки останова устройстваПеретаскивание HTML-элементаКнопка спуска на входеJS медиа запросыJS анимацииПолучить элементы IFRAME

Премиум плагины галерей с бесплатной LITE версией

Многие разработчики для продвижения в конкурентной web-среде своего плагина выкладывают облегченные LITE версии. Такая практика дает возможность широкой аудитории ознакомиться с плагином, оценить пригодность для решения своих задач. Если подходит – переезд на платную версию не будет большой проблемой. Это качественные обновляемые плагины для создания портфолио, фотосайтов, альбомов или галерей на Вордпрессе, их популярность не уменьшается (десятки и сотни активных установок).

Image Photo Gallery Final Tiles – бесплатная версия плагина

Проблема многих WP плагинов для создания фотогалерей в их однотипности. Специальный алгоритм Final Tiles стремится по возможности сохранить оригинальные размеры изображений и поинтересней разметить выводимые плитки.

Плагин идеален для фотоальбома, товарной интернет-витрины и разных фотосайтов (под фото-отчеты, фото-выставки…), поддерживает соц-шаринг. С гибкой сеткой возможно оформить сайт плитками как у Pinterest, а добавлением видео вы привлечете больше посетителей знакомых с популярным UI. Анимация такая же гладкая на мобильных экранах.

Премиум-версия плагина дополнена разделами, 7-ю лайтбоксами, эффектами предзагрузки изображений и hover-анимации заголовков / фотографий. Поддерживается фильтр изображений и WooCommerce.

Modula Grid Gallery – бесплатная версия плагина

Как в бесплатной, так и платной версии, плагин позволяет создавать стильные галереи со сложной сеткой и кастомным выравниванием. Просто задайте максимумы ширины / высоты, а мастер настройки поможет представить изображения в лучшем виде. Можно добавлять подписи для отдельных изображений и фильтрацию по тегам, генерить шорткоды и выводить их в любом месте или сделать мульти-галерею. 6 видов лайтбокса и 12 hover-эффектов, встроенный шаринг в соц.сетях.

Плагин не самый богатый возможностями, но их хватит для большинства сайтов-галерей. Хороший дизайн, легкий интерфейс.

FooGallery – бесплатная версия плагина

Если вы в состоянии завести пост WordPress, то соберете и галерею на плагине Foo Gallery. Поддерживает настройку перетаскиванием, предустановленные шаблоны галерей, импорт галерей и альбомов из популярного NextGen. Шорткоды помогут выводить галереи где угодно. В бесплатной версии приличный лайтбокс, а встроенные альбомы активируются расширением. Основанный на фремворке плагин легковесен и удобен для доработки.

Премиальное расширение даст возможность добавлять видео и многое другое, включая красивые hover-эффекты, бесконечную прокрутку и продвинутую пагинацию.

EnviraGallery – бесплатная версия плагина

Популярный плагин, оптимизированный для поисковиков и настраиваемый перетаскиванием. Скачан более 1,000,000 раз. Легок в пользовании благодаря идеальному юзабилити и интеграции с существующим WP-интерфейсом создания галерей. Гибко настраивается. Envira поддерживает до 6 колонок изображений и классы для кастомизации галерей (оценят разработчики). А также, множество аддонов, крутые опции lightbox, навигацию с клавиатуры, интеграцию с Pinterest, теги, слайдшоу, скины, и многое другое. Есть премиум вариант плагина EnviraGallery.

Photo Gallery by Supsystic – бесплатная версия плагина

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

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

В платной версии настраиваются разделы, видео и пагинация страниц.

Unite Gallery Lite – бесплатная версия плагина

Unite Gallery позволяет создавать полностью адаптивные видеогалереи и галереи изображений. Премиальный плагин богат параметрами для настройки, поддерживает 10 лейаутов, 120+  опций для галерей,  тач-управляемый лайтбокс с ZOOM, Youtube / HTML5 видео и скины.

Easy Media Gallery – бесплатная версия плагина

Универсальный премиум плагин Easy Media Gallery PRO – это гибкое решение для создания портфолио и галерей. Стоит $24.

Вы можете добавлять на портфолио-сайт изображения, галереи, фотоальбомы, карусели, видео-аудио и даже Гугл-карты. Плагин оптимизирует изображения для SEO, автоматом добавляя ALT и Title теги. Поддерживает видеоконтент из 15 источников и аудио из 3-х.

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

Встроенная галерея WordPress

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

Рассмотрим её создание на примере кулинарного сайта:

  1. Создаём новую страницу для фотогалереи;
  2. После написания названия галереи или какого-то поясняющего текста ставим курсор посредине странички и нажимаем кнопку «Добавить медиафайл»:

  3. Происходит автоматический переход в библиотеку, где в левой стороне экрана нужно выбрать опцию «Создать галерею» (на рисунке ниже цифра 1). Далее или выбираем файлы, уже имеющиеся в библиотеке, или загружаем новые:

    Файлы для загрузки в библиотеку можно выбрать на своём компьютере или в интернете и перетащить в это окно (цифра 3).

    После загрузки нужно подписать каждое изображение и указать атрибут Alt, затем выбрать все файлы, предназначенные для галереи, и нажать кнопку «Создать галерею» в нижнем правом углу (цифра 4).

  4. Далее открывается страничка редактирования, где изображения можно перетаскивать, меняя их местами, для лучшего сочетания друг с другом:

    В правой части экрана выбирается число колонок. В нашем случае их будет 4, а вообще можно выбрать от 1 до 10, тогда разные галереи на сайте будут выглядеть по-разному.

    Если активировать опцию «Случайный показ», то при открытии странички с галереей все изображения каждый раз будут представлены в случайном порядке. Если нужно задать строго определённое расположение изображений, то напротив этой опции не следует ставить галочку.

  5. После нажатия кнопки «Вставить галерею», в редакторе административной панели она будет выглядеть вот так:
  6. После опубликования страницы с wordpress галереей изображений, на сайте она будет выглядеть следующим образом:

  7. Если в расположении картинок что-то не устраивает и хочется поменять их местами, то нужно нажать на пиктограмму галереи (на рисунке ниже она окружена красными стрелками) и затем нажать кнопки редактирования или удаления, если вдруг результат не понравился или захотелось создать фотоальбом заново:

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

Главный недостаток встроенной галереи WordPress в том, что она статична. При нажатии на картинку открывается новая страница с этой картинкой, где её можно рассмотреть более детально. Но рассматривать каждое изображение отдельно очень неудобно, поэтому дополнительно используют специальные плагины.

Justified Image Grid — Premium WordPress Gallery

Итак, вы ищете плагин галереи для WordPress, который буквально будет делать все вместо вас?

Тогда вам стоить начать с того, что посмотреть на Justified Image Grid — Premium WordPress Gallery.

Как любой другой хороший плагин галереи для WordPress он позволяет вам установить вашу конфигурацию галереи и вставить шорткод.

Этот надежный плагин галереи включает:

  • 20 пресетов и 340 параметров настройки;
  • конфигурацию и изменение настроек для каждой галереи отдельно;
  • загрузку изображений из Facebook или Flickr, или управляйте своими изображениями через NextGEN;
  • связь с RSS-каналами, захват видео с YouTube или Vimeo, или изображения от 500px, Pinterest, deviantART, StumbleUpon, Imgur, Tumblr и др.;
  • и многое другое.

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

Justified Image Grid — Premium WordPress Gallery — это больше, чем просто галерея. Это гораздо больше.

Photo Gallery

Photo Gallery целиком и полностью бесплатный плагин, однако при этом владеет изобилием функций и особых инструментов, которые дают возможность добавлять рисунки, видеоролики из Vimeo, и разумеется из YouTube. При этом вы имеете полную свободу для творчества, вместе с тем галерею не запрещается формировать большим количеством способов: миниатюры, презентация слайдов и т.д. И при этом нет нужды в установке программ для обработки изображений на компьютер, т.к. плагин имеет при себе основные функции для изменения и корректировки изображений.

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

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

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

Как вставить картинку-миниатюру записи

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

  1. Откройте нужную запись.
  2. В правой колонке найдите блок «Миниатюра записи».
  3. Нажмите ссылку «Задать миниатюру» и выберите нужную картинку во вкладке «Библиотека файлов» (если изображения не было загружено заранее, то загрузите его отсюда через вкладку «Загрузить файлы», а потом выберите).
  4. Нажмите кнопку «Задать миниатюру».

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

Установка миниатюры в запись

Эффект Lightbox для wordpress галереи

Так как у нас для каждой картинки имеется ссылка, то можем добавить немного эффектов в их отображение. Во-первых, при создании галереи указываем ссылки с миниатюр на «Файл изображения», а во-вторых, установим плагин WP Lightbox 2. Установка стандартная и простая — скачиваем архив, разархивируем, загружаем на ФТП в директорию /wp-content/plugins/, после чего в админке его активируем.

Дальше в разделе «Параметры» появится пункт Lightbox 2, где можно будет задать кое-какие настройки для плагина.

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

Кстати, раньше я пользовался плагином Lightbox 2, который хоть и был актуальным до WordPress 2.9.2, исправно работал на более старших версиях. Новый WP Lightbox 2 совместим с WordPress 3.0 — 4.1.1. Однако, учитывая его простоту, думаю, он прослужит и для последующих обновлений системы.

С другой стороны есть достаточно альтернативных разработок, из которых всегда можно кое-что подобрать. Например, видел Lightbox 3 с более новой версией скрипта или рассказывал про работу с функциональным плагином Fancybox в Вордпресс. Можно также попробовать подключить Lightbox 2 без плагина.

Возможности плагина NextGEN по выводу галерей в WordPress

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

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

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

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

Если вы обратили внимание, то сверху приведенного примера написан короткий код для WordPress, вставив который в статью получите именно такой вариант вывода слайд шоу средствами NextGEN Gallery:

В этом коротком коде в качестве ID нужно будет указать индивидуальный номер галереи, которую должным будет заранее создать в админке с помощью возможностей плагина (об этом читайте ниже). Также в этом коротком коде указан размер окна слайдшоу по ширине и высоте (не забудьте и свои фото уменьшить до этого же размера, хотя бы в FastStone Image Viewer). Точно таким же образом можно вставлять в статьи Вордпресса и другие виды фотогалерей и одиночных изображений.

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

На демо сайте также можете посмотреть, как будет выглядеть галерея, созданная с помощью NextGEN. Причем, при ее выводе могут использоваться различные шаблоны плагина: Caption, Carousel, Example или GalleryView.

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

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

Также у него имеется возможность создания галерей для просмотра по одной фотографии на странице. При этом возможен как простой вариант показа (Image Browser), так и вариант с отображением специальной информации по данному изображению (Exif support).

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

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

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

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

/wp-content/plugins/
/wp-content/plugins/nextgen-gallery/lang

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

Ссылка на основную публикацию