Стандартная галерея изображений WordPress и работа с ней. Стандартная галерея WordPress

22.08.2019

В WordPress хорошо организована работа с графическими файлами и мультимедиа. Вставить изображение в статью очень просто, достаточно лишь в редакторе административной панели нажать кнопку «Добавить медиафайл », расположенную над панелью инструментов.

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

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

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

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

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

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

Галерея для WordPress при помощи плагинов

Наиболее удобный плагин галереи для wordpress, который будет полезен и для всех других изображений сайта это плагин Image-zoom , увеличивающий размер картинок.

После установки его следует слегка подкорректировать, выбрав опцию «Настройки »:

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

Созданная с его помощью фотогалерея для WordPress выглядит впечатляюще, а просматривать фото более удобно как в ручном, так и в автоматическом режиме:

При создании компактной галереи часто используют плагин Image Horizontal Reel Scroll Slideshow . Уже из его названия ясно, что галерея будет располагаться и прокручиваться только горизонтально, не занимая лишнее место по вертикали страницы.

При наведении курсора мыши на любое изображение, оно замирает, а по щелчку мыши картинка открывается в новом окне. Плагин совместим с версиями WordPress 2.8 и выше.

Удобный плагин галереи для wordpress NextGen Gallery выбирают многие пользователи. Новичкам он может показаться сложным, но разобраться в нём не так сложно, как кажется. Все картинки для него нужно загружать в специальную папку wp-content/gallery .

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

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

Любой пользователь сможет найти и выбрать необходимый плагин, набрав в поиске запросы: «фотогалерея wordpress плагин » или «wordpress галерея изображений ». Можно поочерёдно установить несколько разных плагинов на локальном сервере, проверить их функционал, а затем выбрать наиболее подходящий именно для вас.

Для небольшого слайдера подойдёт лёгкий плагин Content Slide . Плагин Featured Content Gallery имеет более громоздкую настройку, но с его помощью можно выводить галерею постов. Для этих же целей подойдёт плагин Featured Posts Grid .

Галереи можно создать не только для картинок, фотографий и постов с помощью плагинов галереи для wordpress, но и для видео, используя специальные плагины, например, WordPress Video Gallery или уже упоминавшийся плагин NextGen Gallery .

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

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

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

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

Удачи Вам!

Хорошо Плохо

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

Есть множество способов генерации галереи. Некоторые опытные вебмастера предпочитают создавать WordPress Photo Gallery вручную — при помощи кодов. Но не всякий владелец сайта знает как это делать.

Потому лучше доверить создание галереи посторонним, скачиваемым модулям.

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

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

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

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

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

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

Tribulant Slideshow Gallery

Данный плагин также пользуется популярностью и доверием, но его скачали всего 0,5 миллиона раз по всему миру. Тем не менее возможности модуля мало чем уступают другим подобным дополнениям. Вы сможете добавить ряд изображений в созданной вами галереи. Учтите, что Tribulant Slideshow Gallery в большей степени рассчитан на слайд-шоу. Плагин позволяет генерировать слайды как для шапки сайта, так и для размещения внутри постов.

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

Grand Flagallery

Фотогалерея, музыкальные дорожки, слайды с видео — все это можно будет разместить в флеш-галереи, сделанной при помощи плагина Grand Flagallery. Это также популярное дополнение, которое скачали больше миллиона раз. Плагин позволяет создавать слайд-шоу с абсолютно разнородными материалами, и оформлять все это в различных стилевых решениях. В базовой версии модуля доступно 4 скина галереи, в платной — еще 10 сверху.

Особенность дополнения Grand Flagallery в возможности не только создавать WordPress Video Gallery, но и в генерации отдельных страниц. При помощи вкладки Grand Pages вы сможете настроить отдельную страницу, в которую встроите галерею изображений и файлов другого типа. А при помощи меню FiaGallery можно будет поменять параметры галерей:

добавление аудио- и видеобокса;
создание слайдов с баннерами (изображений с ссылками);
смена скина галереи;
корректировка размерности слайдов;
изменение пути к галереи;
добавление параметров сортировки изображений и слайдов;
интеграция с Фейсбуком.

Для изменения дизайна слайд-шоу необязательно покупать платную версию плагина Grand Flagallery — в меню вы сможете задать собственные параметры для цветов отдельных элементов и изменить их размер. Модуль позволит вам сделать и слайд-шоу, и видеоплеер и музыкальный плейлист для сайта.

BestWebSoft Gallery

Плагин не зря содержит в своем названии слово Best («лучший»), ведь несмотря на относительно небольшое количество скачиваний (полмиллиона), модуль заслужил наилучшие отзывы пользователей. Рейтинг плагина составляет 4,4, в то время, как NextGEN — всего 3,9. Такая высокая оценка — это не совпадение, а прямое следствие наличия большого количества функций в модуле BestWebSoft Gallery.

Основные возможности дополнения:

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

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

Другие плагины для создания фотогалереи на сайте

Fotobook — отличный модуль для связки аккаунта в социальной сети Фейсбук с фотоальбомами ресурса. Одни нажатием вы сможете автоматически добавлять картинки и на сайт, и в аккаунт Facebook.
Yet Another Photoblog — удобный и функциональный плагин. Подходит для создания фотоблогов, где основное внимание берут на себя именно фотографии, а не статьи. Отлично подойдет для блога фотографа!
AWSOM Pixgallery — модуль для создания фотопортфолио. Плагин пользуется популярностью у художников и дизайнеров.
LightBox Gallery — функциональное дополнение для добавления фотогалерей в посты. Можно настраивать как режим их просмотра, так и размер.

Если вы не преследуете каких-то особых целей, то и плагина NextGEN для вас будет достаточно — фотогалерея, сделанная при помощи него, выполняет все необходимые функций.

Вы ищете лучшие плагины для галереи изображений в WordPress или вам нужно разместить на WordPress сайте онлайн-портфолио?
А может, вы хотите продемонстрировать ваши изображения для того, чтобы поднять популярность вашего сайта?

Тогда эта статья для вас!
Используя один из многочисленных имеющихся плагинов, вы сможете продемонстрировать изображения на своём сайте легко, стильно и современно. Чтобы помочь вам выбрать наиболее подходящий для вас плагин, мы предлагаем список лучших WordPress плагинов для галереи изображений.

8 бесплатных WordPress плагинов для фотогалерей

1. NextGEN Gallery

Плагин фотогалереи для WordPress: Nextgen Gallery – самый распространенный WordPress плагин для фотогалереи, он выделяется даже на фоне наиболее известных WordPress плагинов, имея свыше 6 миллионов закачек.
Он предоставляет возможности для загрузки и просмотра галереи изображений с возможностью загружать изображения группой, импортировать мета-информацию, добавлять/удалять/переставлять/сортировать изображения, изменять эскизы, собирать коллекции выставок, без всяких ограничений. Кроме того, он предлагает два вида для просмотра (слайд-шоу и выставка эскизов), из которых оба предоставляют широкий выбор возможностей для регулирования размера, стиля, времени, движения, управления, подсветки.

Существует и платная версия – NextGen Pro с дополнительными настройками Pro Thumbnail Grid, Pro Slideshow и Pro Lightbox и Pro Film. Если вам недостаточно стандартных опций, с PRO версией вы настроите всё до мелочей.

2. Photo Gallery

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

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

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

3. Gallery by BestWebSoft

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

Если же вам этого недостаточно и вы хотите расширить свои возможности (редактирование разных вариантов лайтбоксов, кнопок социальных сетей…) - для вас разработали платную версию Gallery Pro.

4. Gmedia Gallery

Позволяет изменять ваш медиа-контент так, как вам нужно: загружать изображения, импортировать музыку и видео, делать обзор фотографий, плейлисты для аудио, собирать изображения в слайд-шоу и вставлять описания для каждого изображения, mp3 или фильма. Gmedia Gallery – это блестящее решение, когда нужно продемонстрировать ваши лучшие изображения, словом, для любого случая. Сказочный Gmedia Gallery может эффективно улучшить ваш сайт с помощью фотовыставки, mp3-плеера, видеоплеера, стандартного ротатора, Nivo слайдера или прекрасных виджетов. SEO оптимизированный, подобно Google Reader, Feedberner и другим.

Особенности Gmedia Gallery:

Работает на iPhone, iPad, Android, Blackberry и ПК.
Полноэкранное слайд-шоу на мобильных устройствах с сенсорным управлением (опционально, если установлен скрипт Photoswipe library для альтернативной галереи).
SEO оптимизированный.

5. Easy Media Gallery

Easy Media Gallery – превосходный плагин для WordPress, предназначенный для демонстрации портфолио и различных рядов медиа, обзора фотографий, одиночного изображения, карт Google, видео и аудио, имеющий элегантный интерфейс, не нарушающий работу сайта.
Он лёгок в использовании и работает без каких-либо нареканий! Вы имеете у себя разнообразные опции для настроек внутри WordPress.
Плагин Easy Media Gallery позволяет создавать и администрировать многочисленные галереи через основной интерфейс администратора.

6. Huge-IT Portfolio Gallery

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

Разработки очень гордятся своей блог-галереей. Рекомендую перейти на официальный сайт и посмотреть примеры использования.

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

7. Fancy Gallery

Этот плагин добавляет Fancybox для изображений в ваш WordPress. Все выбранные изображения будут сразу открываться в Fancybox. Если вы используете шорткод для «галереи», изображения получат маршрут-бар и сама галерея будет изменена на действующий HTML-код. Имеется подсветка JQuery.

8. Lightbox Gallery

Плагин Lightbox Gallery модернизирует вид галереи изображений.

Особенности Lightbox Gallery:

Имеет Lightbox витрину для галереи изображений
Подсказывает перспективный заголовок для изображения
Показывает метаданные изображений
Имеет расширенные опции по умолчанию
Многое другое..

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

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

Здравствуйте, друзья!

Я продолжаю свой цикл статей о работе с блогом на базе CMS WordPress.

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

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

Использование плагинов: за и против

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

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

Вот поэтому, прежде чем решать, какой вид галереи вам нужен, хорошо подумайте.

Вставка в запись

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

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

После выбора фотографий следует настройка. Здесь параметров немного.

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

Следующий параметр – число колонок. Оно зависит от ширины страницы вашего блога и выбранного размера фотографий.

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

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

Редактирование галереи

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

Чтобы перейти к этой операции, кликаем по любой картинке и видим две кнопки Изменить и Удалить . Нажимаем Изменить и приступаем к редактированию.

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

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

NextGEN Gallery
Grand Flagallery
Plugin Photo Gallery
Tribulant Slideshow Gallery
Heroic Gallery Manager
Huzzaz Video Gallery
oQey Gallery
Fancy Gallery
Photospace Gallery
Eazyest Gallery
WOW Slider

Возможно, в одном из постов я напишу о них подробнее.

Подписывайтесь на обновления блога , чтобы не пропустить новые, интересные и полезные статьи.

Пример

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