Вот такая, простая на первый взгляд, тема у нас сегодня — о стандартной галерее 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 — NextGEN Gallery, который, как, наверное, понятно из названия, позволяет вставлять на страницы вашего WP блога различные галереи, отдельные фотографии с возможностью их плавного увеличения, создавать и выводить целые альбомы с изображениями, добавлять к фотографиям водяные знаки, ну, и еще кое-что он может делать, но обо все по порядку.
Вообще, NextGEN Gallery мне довольно сильно напомнил популярное расширение для создания — Phoca Gallery. Он представляет из себя такой же мощный комбайн по удобному формированию и эффектному выводу фотогалерей, но только на страницы WordPress блога, а не на страницы Joomla. Да и водяные знаки он тоже умеет добавлять — пустячок, а приятно.
Возможности плагина NextGEN по выводу галерей в WordPress
Собственно возможностей у плагина NextGEN Gallery довольно много и они сводятся не только к созданию галерей в WordPress, хотя это он делает, на мой взгляд, отменно. Вообще, в полной аналогии с расширением Phoca Gallery для Joomla, он имеет свой собственный демо сайт, где вы сможете оценить все предлагаемые им возможности по выводу фотогалерей, слайдшоу, отдельных изображений, видео и т.д.
На главной странице демо сайта сейчас приводится пример нового эффекта при показе слайдшоу, когда изображения при смене друг друга просто улетают за пределы экрана. Есть еще много способов . О них вы можете прочитать по приведенной ссылке.
Причем, если вы обратите внимание, то увидите, что NextGEN Gallery может выводить слайд шоу и фотогалереи не только в области, отведенной в WordPress под тексты статей, но и в сайдбаре (), используя для этого свои собственные виджеты.
В продолжении темы слайдшоу можно привести пример довольно интересного показа изображений средствами этого плагина, когда изображения во время просмотра не стоят на месте, а как бы приближаются, удаляются, смещаются, что создает довольно оригинальный эффект, который вы можете увидеть на этой странице.
Если вы обратили внимание, то сверху приведенного примера написан короткий код для WordPress, вставив который в статью получите именно такой вариант вывода слайд шоу средствами NextGEN Gallery:
[ monoslideshow id=1 w=450 h=350 ]
В этом коротком коде в качестве ID нужно будет указать индивидуальный номер галереи, которую должным будет заранее создать в админке с помощью возможностей плагина (об этом читайте ниже). Также в этом коротком коде указан размер окна слайдшоу по ширине и высоте (не забудьте и свои , хотя бы в FastStone Image Viewer). Точно таким же образом можно вставлять в статьи Вордпресса и другие виды фотогалерей и одиночных изображений.
Для вашего удобства в визуальном редакторе WordPress плагином будет создана специальная кнопка, открывающая окно, где сможете выбрать нужные вам наборы фоток и назначить вид их показа — галерея, слайд шоу и т.д.
На демо сайте также можете посмотреть, как будет выглядеть галерея, созданная с помощью NextGEN. Причем, при ее выводе могут использоваться различные шаблоны плагина: Caption, Carousel, Example или GalleryView.
Еще этот плагин позволяет выводить на страницы блога не только галереи, но и их список (альбомы). Альбомы могут быть представлены в развернутом и в компактном виде (показан внизу страницы демо сайта). Там же приведены короткие коды для вывода списков фотогалерей (альбомов), которые отличаются только значением переменной «template».
Плагин NextGEN еще позволяет вставлять в статьи Вордпресса отдельные фотографии, при щелчке по которым будет происходить их плавное увеличении . Причем, можно добавлять к изображениям эффект отражения или же накладывать на них нужные вам водяные знаки.
Также у него имеется возможность создания галерей для просмотра по одной фотографии на странице. При этом возможен как простой вариант показа (Image Browser), так и вариант с отображением специальной информации по данному изображению (Exif support).
Если вам понадобится задать индивидуальные настройки для галерей NextGEN, выводимых на отдельных страницах блога (эти настойки будут отличаться от общих настроек плагина), то можете воспользоваться возможностями произвольных полей (Custom Fields), которые вы заполняются при написании или редактировании статьи.
Подробнее об этом написано здесь, где приведены возможные ключи для произвольных полей и возможные значения для этих ключей.
Установка и русификация плагина NextGEN Gallery
По идее, NextGEN сразу после установки уже должен работать на русском языке (языковой файл автоматически должен подгружаться с сайта разработчиков), но у меня почему-то так не вышло и его настройки отображались на английском. Поэтому мне пришлось скачать отдельный файлик русификации и закинуть его в соответствующую директорию плагина. Но обо все по порядку.
Скачать NextGEN Gallery вы можете с официальной страницы — . Установка его ничем не отличается от традиционной. Распакуйте скачанный архив «nextgen-gallery.zip» и скопируйте полученную папку в этот каталог:
/wp-content/plugins/
Для подключения к своему блогу по FTP я советую пользоваться FileZilla, которая подробно описана , ибо программа удобна, проста и надежна. Потом вам нужно будет зайти в админку WordPress, перейти на вкладку «Плагины» — «Неактивные» и найти NextGEN. Нажмите по ссылке «Активировать» под его названием.
В админке в самом низу левой колонки меню у вас появится новая область под названием «Галерея» или «Gallery», если плагин не был автоматически русифицирован. Во-втором случае, для того чтобы получить русский интерфейс, вам нужно скачать русский перевод (файл nggallery-ru_RU.mo"). После этого подключитесь к вашему блогу по FTP и загрузите этот файлик русификации в папку:
/wp-content/plugins/nextgen-gallery/lang
Все, теперь все его настройки у вас будут на русском языке, что не может не радовать.
Добавление картинок и создание фотогалерей в WordPress
Как я уже упоминал чуть выше, туда вы сможете попасть из самого низа левого меню админки Вордпресса:
Возможностей там довольно много, но начнем мы, пожалуй, с добавления фотогалерей или изображений, которые затем сможете с помощью коротких кодов выводить в любых статьях своего блога. Для этого нам понадобится выбрать из меню админки пункт «Добавить галерею / изображения».
На первой вкладке «Добавить новую галерею» вам необходимо вписать в поле «Новая» ее будущее название. Его следует писать на латинице (лучше транслитом), а в случае, если у вас еще не создана соответствующая папка «wp-content/gallery/», то вам нужно создать ее, например, при помощи все той же программы FileZilla и обязательно установить с помощью этого FTP клиент , разрешающие запись и удаление информации из нее.
Если папка «wp-content/gallery/» у вас успешно была создана и имела права доступ 777, то плагин NextGEN Gallery отрапортует об успешном добавлении первой галереи с ID=1 и там же будет приведен короткий код (shortcode) для ее вывода на страницы блога:
Gallery ID 1 successfully created. You can show this gallery in your post or page with the shortcode
А если вы загляните через FileZilla в папку «wp-content/gallery/», то обнаружите внутри новую папку с тем названием, которое вы дали новой фотогалереи (именно поэтому я рекомендовал набирать ее название на латинице).
После создания новой галереи в настройках NextGEN Gallery вас перебросит на вкладку «Загрузить изображения», где вы сможете выбрать из выпадающего списка название фотогалереи, в которую будут добавлены загружаемые вами картинки, а затем нажать на кнопку «Обзор» и выбрать на своем компьютере одно или несколько фото (для их выделения удерживайте Shift или Ctrl на клавиатуре).
Для их загрузки нужно будет нажать на кнопку «Загрузить изображения»:
В результате вы увидите окно, в котором наглядно показан процесс загрузки выбранных вами фотографий на сервер вашего блога, а так же одновременно с загрузкой плагин создаст превьюшки этих фото, которые вы в случае необходимости сможете отредактировать в его настройках. Физически файлы превьюшек будут дислоцироваться по следующему пути «/wp-content/gallery/название/thumbs».
Процесс загрузки новых картинок можно будет повторить нужное число раз, если необходимо загружать фото из разных папок на вашем компьютере.
Хотя вы можете, например, заранее подготовить на своем компьютере папку с нужными изображениями для будущей фотогалереи и упаковать ее в Zip архив , который потом можно залить на сервер на вкладке «Загрузить Zip-файл» (где Zip архив автоматически распакуется). Неплохой вариант.
Размеры превьюшек можете изменить в настройках NextGEN, пройдя по следующему пути: «Настройки» — «Тамбнейлы». Задать размер для больших изображений (тех, которые будут открываться при щелчке по превьюшке) вы сможете на вкладке «Изображения». Вообще, покопайтесь — найдете там много интересного.
Например, на вкладке «Водяной знак» вы можете настроить на все фотографии той или иной галереи. Его можно задать в виде графического файла, указав до него путь или же просто набрав текст в соответствующем поле, выбрав тип и размер шрифта.
Позицию водяного знака на изображениях фотогалереи можно задать в области «Предварительный просмотр»:
Теперь давайте зайдем в настройки только что созданной нами Gallery.
Раз уж мы начали говорить о добавлении водяных знаков, то следует упомянуть о том, что для этого нужно будет поставить галочки напротив нужных фоток, выбрать из выпадающего списка вариант «Установить водяной знак» и нажать на кнопку «Применить». После этого превьюшки всех выделенных вами изображений, принадлежащих NextGEN, будут пересозданы с добавлением в них нужной надписи или логотипа.
Проверить правильность добавление водяных знаков можно, щелкнув по ссылке «Редактировать тамбнейл» рядом с нужным вам фото. Здесь, кстати, вы сможете левой кнопкой мыши выделить область превьюшки и нажать на кнопку «Update», после чего превьюшкой станет выделенная вами область.
Для того, чтобы изображения вашей галереи для WordPress могли бы , вам нужно будет добавить для каждого фото в столбце «Alt & Title текст / Описание» в верхнее поле так называемый ). В нижнее поле вы можете ввести описание к фотографии, которое будет отображаться при просмотре ее полноразмерного варианта.
Обратите внимание, что при просмотре списка галерей в настройках NextGEN Gallery, либо при просмотре изображений какой-либо отдельной фотогалереи, в первом столбце всегда будет указан ее ID или ID фото, которые могут вам понадобиться при вставке в статью слайдшоу или отдельной картинки с помощью коротких кодов.
NextGEN — вставляем в статьи галереи, слайдшоу и фото
У меня в WordPress, к сожалению, не работает визуальный редактор, поэтому не могу сделать скриншоты, поясняющие процесс добавления фотогалереи, слайдшоу, альбома или отдельного фото в статью. Но суть этого действа довольно проста.
В окне радактирования статьи вы щелкаете по кнопке, которую добавил туда плагин NextGEN. В результате появится всплывающее окно с несколькими вкладками: галерея, альбом, изображение.
Вы переходите на нужную вам вкладку и выбираете из выпадающего списка, допустим, нужную вам фотогалерею с изображениями (которую вы создали описанным выше способом), а так же ставите галочку напротив требуемого способа показа, например, для галереи это будут варианты: список изображений, слайдшоу.
В том месте окна ввода текста, где у вас стоял курсор, появится короткий код плагина NextGEN, который и будет формировать галерею или слайдшоу в этой статье. В общем-то, можно обойтись и без визуального редактора. При этом достаточно лишь вставлять вручную в нужное место текста статьи короткий код и прописывать для него нужные параметры. На первый взгляд может показаться сложным, но со временем вы очень быстро к этому привыкните.
Например, если привязаться к примерам с демо сайта разработчиков, то можно будет использовать хотя бы такие короткие коды:
- Для вставки галереи в WordPress понадобится прописать следующий короткий код:
- Для вывода в Вордпресс галереи с одной картинкой на странице пропишите в тексте следующий код:
- Каждой фотогалереи и изображению в настройках плагина есть возможность прописать определенные теги, на основе которых затем, например, можно вывести облако тегов или галерею с помощью данных тегов:
Для вставки слайдшоу на страницы WordPress блога возможно использовать следующий короткий код плагина NextGEN:
Здесь в переменной ID вы указываете идентификатор нужной галереи с фотографиями, созданной вами ранее.
Для вывода альбомов нужно будет использовать следующий код:
или в компактном виде:
Для вставки одного изображения, которое будет плавно увеличиваться при щелчке по нему мышью, нужно будет добавить при написании статьи следующий короткий код из арсенала NextGEN Gallery для вывода картинки с отражением:
или такого кода для вывода картинки с водяным знаком:
[ singlepic id=12 w=320 h=260 mode=watermark ]
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
Simple Counters и Category and Page Icons - красивые счетчики RSS и Twitter, а так же иконки для категорий и страниц в WordPress
Comment Toolbar - добавляем в комментарии WordPress возможность ответа и цитирования
Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map)
Подсветка кода и кнопки форматирования комментариев в WordPress - SyntaxHighlighter и Comment Form
Google XML Sitemaps - создание карты сайта для WordPress
Как в плагине Yet Another Related Posts убрать прозрачный пиксель http://yarpp.org/pixels и изменить надпись Похожие материалы
Здравствуйте, друзья!
Я продолжаю свой цикл статей о работе с блогом на базе 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, расположение в один столбец.
Мост
Текущее содержимое статьи является обновленной версией старой записи, которая была опубликована 8 лет назад. За это время список плагинов для картинок в Вордпресс стал уже совсем не актуальным, поэтому срочно требовал обновления. Кстати, в блоге есть отдельная метка по , где найдете более 40 заметок по данной теме с разными решениями, хаками и руководствами по теме. В этой публикации будут представлены только модули (с кратким описанием).
Вообще визуальная составляющая для веб-проектов является достаточно важной. В блогах графика в постах считаются неотъемлемой их частью, являются правилом хорошего тона и помогают привлекать внимание читателей. Если говорить о классических сайтах, то здесь кроме оформления плагины картинок в WordPress могут выполнять целый ряд других важных задач: они используются в портфолио, галереях, слайдерах, при создании миниатюр и т.п. Базовые функции системы справляются лишь с некоторыми из этих ситуаций, иногда без дополнительных модулей просто не обойтись.
В блоге уже было несколько узкоспециализированных подборок по плагинам Вордпресс изображений, вот ссылки на них:
- (8 модулей, а также сравнительное тестирование эффективности парочки из них).
- (6 штук).
- (5 вариантов).
- (6 работающих решений).
В данной статье, как можете видеть из заголовка, собраны лучшие WordPress плагины картинок по разным направлениям — от фотоблогов до создания слайдшоу. Некоторые из них я уже рассматривал, поэтому в кратком описании буду ссылаться на соответствующие детальные обзоры.
NextGEN — единственный WordPress модуль изображений из прошлой подборки, что не просто сохранился за 8 лет, но и превратился в один из самых узнаваемых и популярных (его скачали более 1,5млн человек). Начиналось все с простого плагина для создания галереи, но теперь это полноценная система по управлению фотками на вашем сайте, где есть: добавление, группировка, сортировка фото, создание альбомов, миниатюр, импорт мета данных и многое другое.
NextGEN обладает широкой функциональностью, но при этом достаточно прост и понятен в работе через админку. В классической версии содержит 2 варианта галерей (с миниатюрами и через слайдшоу) + 2 типа стилей альбомов со множеством опций: оформление, размеры картинок, эффекты увеличения при просмотре и т.п. В PRO версии разных способов отображения контента еще больше.
Он, как и все остальные Lazy Load решения, позволяет ускорить загрузку вашего веб-ресурса. BJ Lazy Load показывает пользователям графику в статьях и дизайне сайта только когда прокрутка экрана до них доберется. В описании сказано, что поскольку данная технология поддерживает в том числе и с iframe, то вставки Vimeo или YouTube также будут обрабатываться. Хотя в подборке есть специальный вариант для видео контента — Lazy Load for Videos (тоже недавно получил обновление).
Для тех, кто не в курсе Flickr — один из самых древних, крупных и популярных фотохостингов, которым пользуются миллионы людей. Flickr Badges Widget — простой виджет на jQuery, позволяющий отображать в блоге подборки последних или случайных объектов из вашего Flickr аккаунта. Этот модуль картинок в Вордпресс содержит несколько опций настройки, систему табов и даже механизм кэширования. Из подобных решений это самое скачиваемое наряду с Meks Simple Flickr Widget .
Плагин не особо популярен, но в отличии от других разработок под Flickr, он предлагает плюс-минус нечто необычное. Вы сможете встраивать фото из ваших альбомов и подборок на сайт, демонстрируя их в формате слайдшоу. Реализуется все через специальный шорткод с заданными параметрами. Судя по названию и описанию, есть адаптивность.
Продвинутая WP галерея со множеством настроек и 100% адаптивностью. В этом Вордпресс модуле к картинкам можно добавлять описания, теги, формировать из них альбомы. В галерее доступны несколько видов отображения: миниатюры, карусель и др. Есть поддержка видео и даже какие-то E-commerce функции для продажи принтов. Последняя и часть других фишек, как я понимаю, доступны в PRO версии, но и без них бесплатный релиз имеет весьма привлекательные возможности.
Данный скрипт позволяет посетителям веб-проекта просматривать увеличенные версии картинок с помощью так называемого Lightbox эффект. Применяется как на отдельных изображениях, так и в галереях — для WordPress графики подключается автоматически. Самое полезное здесь — адаптация под мобильные девайсы. Модуль содержит много разных опций, виджеты, совместим с WooCommerce и Visual Composer. Простой, но функциональный инструмент.
Достаточно функциональное и не сложное в работе решение для внедрения слайдшоу. Выбираете файлы из медиабиблиотеки или просто перетаскиваете их, устанавливаете заголовок, ссылки и другие детали. Возможность добавить линки на фотки — одно из приятных преимуществ (иногда попадаются такие задачи в работе).
Плагин поддерживает 4 разных типа слайдшоу: карусель Flex Slider 2, Nivo Slider с 16 эффектами и 4 темами, максимально легкий Responsive Slides и Coin Slider (первые 3 полностью адаптивны). Работа над модулем активно ведется, в нем много настроек, поддержка мультиязычности и т.п.
Responsive Slider – Image Slider
Достаточно популярный и мощный плагин Вордпресс изображений для создания слайдера. Вы можете добавлять сколько угодно картинок из своей библиотеки и создавать сразу несколько элементов на странице. Кроме графики допускается использование видео, шорткодов и виджетов. Модуль поддерживает HTML код в заголовке и описании, можете добавление URL линков, есть десятки разных опций, адаптивность. В принципе, по функциям все подобные слайдеры плюс-минус похожи.
Это один из самых скачиваемых вариантов из , но выбирать подходящее решение нужно зависимости о своих текущих задач. В Logo Carousel есть: возможность добавлять активные ссылки на лого, создание нескольких объектов на странице, использование шорткодов. Из интересных особенностей — эффект, когда изначально изображения отображаются в ЧБ, а при наведении в цвете (работает в современных браузерах).
В данном WordPress плагине картинки не выводятся как отдельные графические элементы, — слайдер содержит записи. Это отличная возможность представить посты в оригинальном виде, демонстрируя, например, последние новости. Кроме миниатюры в Posts Content Slider отображаются заголовок и краткий анонс. Слайдер «дружит» с мобильными устройствами, имеет навигацию, поддерживает виджеты и переводы. Есть десятки опций для его настройки. Весьма интересный модуль, как по мне.
Один из плагинов из заметки про создание . Наверняка, вы слышали о таком эффекте. Twenty20 Image Before-After легко интегрируется в статьи через шорткоды либо вставляется через виджет. Интерфейс максимально прост, поддерживается Visual Composer. Картинки получаются адаптивными и доступны на всех устройствах. В описании на официальном сайте есть видео демонстрация настройки и работы.
Отображает фотки из одного или нескольких открытых Инстаграм аккаунтов либо из фидов. Совмещайте несколько источников в одном блоке. Здесь много разных настроек, поддерживаются полноразмерные фотки, имеется адаптивность. Под блоком фотографий найдете кнопку «загрузить еще», с помощью которой можете обновлять их бесконечное число раз. Есть также кнопка подписки.
У меня уже был детальный обзор этого Вордпресс модуля картинок для создания . Это неплохое функциональное решение я использую в текущем и некоторых других проектах. Не смотря на то, что оно не обновлялось около 2х лет, с новыми версиями системы работает стабильно. Нравится наличие множества фишек, например, допускается создавать водяной знак из текста или jpg / png / gif файлов, имеются настройки прозрачности, расположения watermark`а и т.п.
В блоге есть специальный раздел/тег про — найдете там интересные статьи. Что касается этого модуля, то он автоматически создает Thumbnail из первой картинки в постах или других типах записей (если, конечно, такого элемента у публикации еще нет). Вы также можете сгенерировать миниатюры в уже существующих заметок.
Этот плагин Вордпресс изображений позволяет добавить загрузку картинок в комментариях от пользователей. В некоторых случаях это пригодится, например, если при задании вопроса на странице тех.поддержки человеку проще продемонстрировать проблему с помощью скриншота.
В настройках Comment Images Reloaded можете указать максимальный вес загружаемого файла, выбрать размер отображаемой графики на сайте, запрещать/разрешать данную функцию для определенных записей и т.п. Дополнительно советую глянуть расширенный обзор — там чуть более детально рассмотрены все его опции.
Также миниатюры пригодятся вам в похожих заметках после статей — это поможет привлечь внимание читателей и к другим публикациям. В настройках задаете число выводимых элементов и выбираете алгоритм отбора схожих записей по категориям, тегам. Кроме фото выводятся анонсы (все, в принципе, традиционно).
Итого
Изначально думал переместить устаревшие Wordpress плагины для изображений из прошлой версии поста в самый конец дабы оставить их, так сказать, для ознакомления. Однако, как оказалось, из 20-ти подобранных в 2010 году, решений доступными оказались лишь 3. Некоторые последний раз редактировались 5-7 лет назад, но добрая их половина просто удалены из репозитория. Вот уж действительно непостоянная судьба у скриптов и модулей.
В дальнейшем данный список плагинов для картинок в Вордпресс обязательно будет пополняться. Я, в принципе, сразу мог разместить их здесь около 30-40 штук, но думаю, лучше будет отобразить из каждой категорий задач по 1-2 самых эффективных варианта. Переходите по дополнительным ссылкам в статье дабы найти остальные модули.
Если вы знаете другие интересные/полезные наработки либо заметили, что какой-то из плагинов перестал работать — пишите в комментариях.
Галереи — это неотъемлемая часть каждого сайта Вордпресс. При помощи них вы сможете, экономя пространство, и с увеличенной скоростью загрузки продемонстрировать пользователям ваши медиа-материалы. Они обязательно должны быть, если ваш сайт не может жить без картинок и видео. А поскольку поисковые машины последнее время делают упор именно на таком материале, наличие галереи изображений и видео является обязательным условием для успеха вашего интернет-проекта.
Есть множество способов генерации галереи. Некоторые опытные вебмастера предпочитают создавать 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 для вас будет достаточно — фотогалерея, сделанная при помощи него, выполняет все необходимые функций.
