Wordpress плагин галерея с миниатюрами. Плагины для создания галерей в WordPress

Приветствую вас, читатели моего блога!

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

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

Как создать галерею на WordPress

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

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

После этого у нас два варианта:

1. Создать галерею из тех изображений, что уже загружены в нашу библиотеку файлов;

2. Загрузить новые файлы.

Т.к. у меня в библиотеке файлов нет, я буду загружать новые, поэтому жмем на кнопку «Загрузить файлы», затем жмем на кнопку «Выберите файлы». Находим на компьютере нужные изображения, выбираем их (можно выделить сразу все) и жмем кнопку «Открыть».

Я подготовил заранее 4 изображения автомобилей.

Наши изображения загрузились. Здесь я выделил цифрами 3 важных момента:

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

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

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

3. Кнопка «Создать новую галерею». После того как все настройки сделаны, вы можете нажать по этой кнопке, чтобы завершить создание галереи.

Настройки галереи на WordPress

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

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

2. Нажимая на крестик над изображением, вы можете исключить его из галереи.

3. Блок с настройками галереи:

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

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

Если поставить вариант «Нет», то при нажатии на изображение ничего происходить не будет.

Второй параметр — количество колонок. Здесь мы можем выбрать сколько колонок будет в нашей галерее. Я не могу сказать какое число нужно выбрать, здесь вам нужно самостоятельно поэкспериментировать и выбрать подходящий для вас вариант. Давайте пока оставим 3, а дальше посмотрим.

Третий параметр — порядок изображений. Здесь все просто: если вы поставите галочку, то изображения будут размещаться в случайном порядке, а не так как вы разместили.

Важный момент! Вы можете менять порядок изображений, просто перетаскивая их мышкой!

Четвертый параметр — размер. Здесь есть 4 варианта: миниатюра, средний, большой и полный. Здесь опять же выбирайте на ваше усмотрение. Обычно размеры «большой» и «полный» не используются. Попробуйте варианты «миниатюра» и «средний» и подберите тот вариант, который вам подходит. Я оставлю вариант «миниатюра».

4. Кнопка «Вставить галерею». После того как все настройки сделаны, нажимаем ее.

Наша галерея разместилась в тексте страницы. Не забудьте после редактирования страницы нажать кнопку «Обновить»

После этого переходим на страницу, которую редактировали и смотрим, что у нас получилось. Галерея готова!

Улучшаем галерею на WordPress

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

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

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

После установки плагина Fancybox обновите страницу с галереей и посмотрите как теперь отображаются изображения при нажатии.

Согласитесь стало гораздо удобнее просматривать картинки из галереи.

Теперь давайте рассмотрим еще один важный вопрос.

Как редактировать галерею на WordPress.

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

Иконка в виде карандаша — это редактирование, нажимаем по ней и переходим к настройкам галереи. Меняем то, что нам нужно и жмем кнопку «Обновить галерею». После этого не забудьте обновить редактируемую запись или страницу. Галерея обновлена.

Вот так легко и просто можно создать галерею на WordPress.

На этом сегодня все. Ставьте «лайки», делитесь с друзьями. Если остались вопросы, пишите в комментариях.

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

Есть так же пользователи которые о галерее знают, но упорно предпочитают использовать навороченные плагины типа NextGen и подобных, использование которых во многих случаях явно себя не оправдывает. А ведь стандартная галерея WordPress вполне может стать самодостаточной на большинстве блогов. Особенно, если её малость усовершенствовать. Но давайте по порядку. Сначала для новичков.

Как создать стандартную галерею WordPress?

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

Загружаем нужные нам картинки или выбираем из вашей медиа библиотеки уже загруженные ранее.

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

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

Тут же можете подписать каждую картинку. Читатели увидят подпись под миниатюрами.

Кликаем на кнопку — Вставить галерею , всё там же, внизу справа.

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

В нашем случае, список номеров это ID картинок из которых состоит галерея.

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

Как найти ID нужной картинки?

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

Но гораздо удобнее — установить замечательный плагин Reveal IDs который будет постоянно выводить не только ID изображений, но так же записей, страниц, категорий, юзеров, комментариев. Это может очень пригодится вам и в будущем.

В сети можно найти способы выводить список ID картинок в админке просто добавив кусок кода в шаблон. Например, вот так:

Function column_id($columns) { $columns["colID"] = __("ID"); return $columns; } add_filter("manage_media_columns", "column_id"); function column_id_row($columnName, $columnID){ if($columnName == "colID"){ echo $columnID; } } add_filter("manage_media_custom_column", "column_id_row", 10, 2);

Но я не советую курочить лишний раз файлы вашего WP шаблона. Лучше установите вышеописанный плагин.

А если я хочу красивую галерею?

Если вы хотите, что бы картинки в вашей галере выводились эффектно с помощью популярного скрипта Lightbox, рекомендую установить небольшой и легкий плагин — EWSEL Lightbox For Galleries . Он имеет минимум настроек (вернее сказать, только одну — выбор темы оформления) и сделает все ваши галереи с красивым эффектом отображения во всплывающем окне.

Для того, что бы получит подобный эффект не только у галерей, но и у отдельных картинок, следует каждую «обертывать» вот в такой код:

Разумеется, путь до картинки в коде нужно вставить свой.

Надеюсь, новички получили полезную информацию о том как создавать и настраивать стандартную галерею WorPress. Тем пользователям которые уже используют отдельные, мощные плагины — галереи стоит задуматься — а надо ли?

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

Приветствую Вас друзья! Сегодня я расскажу о том, как просто создать фотогалерею на wordpress и какие плагины для этого нам потребуются!
На сегодняшний день существует довольно , предназначенных для работы с изображением. В этой статье я описал самые популярные из них. Эти плагины позволят вам создать галерею для WordPress любой сложности.

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

Но вернемся к теме статьи — что может быть проще, как создать галерею на Вордпресс . В этой статье Вы найдете такие плагины как: Heroic Gallery Manager, Gallery, NextGEN Gallery, WOW Slider и другие. Рассмотрим каждый плагин более подробно:

Фотогалерея Heroic Gallery Manager

Это компонент по своему функционалу практически ни в чем не уступает известному плагину NextGen, а в чем-то Heroic Gallery Manager даже удобнее его.

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

Huzzaz Video Gallery

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

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

Фотогалерея Gallery

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


Gallery – это удобный плагин, в котором нет ничего лишнего.

oQey Gallery

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


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

Fancy Gallery

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

Photospace Gallery

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


Вы сможете сразу приступить к работе. Список настроек Photospace Gallery не так уж велик, но при желании вы сможете немного видоизменить вашу галерею.

Eazyest Gallery

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


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

Фотогалерея NextGEN Gallery

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


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

плагин WOW Slider

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

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

На этом моя статья — Фотогалерея на wordpress : что может быть проще, подошла к концу. Хочу сказать, что существуют и другие интересные плагины о которых я расскажу в будущих статьях, а пока присмотритесь к этим вариантам, возможно что-то зацепит

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