Фото- и видеогалереи для joomla 3

Настройка виджетов Nextgen Gallery

Галереи изображений можно выводить не только в постах и на страницах, но и в сайдбаре, использовав виджеты Nextgen Gallery. Найти их можно в разделе «Внешний вид — Виджеты». Всего предусмотрено три виджета:

  1. Nextgen Media RSS — виджет, который отображает ссылки Media RSS для NextGEN Gallery.
  2. Nextgen слайд шоу — как понятно из названия, выводит поочередно картинки из выбранной галереи.
  3. Виджет Nextgen — показывает сразу несколько изображений выбранных галерей в зависимости от настроек.

Вообще говоря, существует довольно много разных плагинов — галерей. И платных и бесплатных. Но Nextgen Gallery по праву, давно и серьезно занимает положение лидера и активно поддерживается разработчиками и массой поклонников. Конечно такой популярный плагин просто не мог бы обойтись без сторонних дополнений и расширений.
О самых популярных плагинах для этой замечательной галереи вы можете почитать в отдельной статье — NextGEN Gallery — плагины и расширения.

Версия плагина на момент написания (обновления) статьи — NextGEN Gallery 1.9.12.

Список шорткодов для работы с галереей

Use Image Tags to Create Galleries/Albums

Display Captions in Thumbnail Galleries

Basic Filmstrip Galleries

Template Engine for Gallery Types

Display Exif Data

Sort Images in a Gallery Based on Their Tags

Integration with Third Party Plugins

Add Tag Clouds

Single Pic Options

Возможности плагина NextGEN Gallery

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

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

Ну как вам! Правда здорово!

Если данный плагин заинтересовал Вас, тогда переходим к его установки.

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

Для начала давайте скачаем его:

Скачать плагин NextGEN Gallery с оф. сайта wordpress.org или с www.imagely.com

Скачали? Теперь можно переходить к непосредственной установке его:

Устанавливается NextGEN Gallery как обычно: распаковываете скачанный zip архив «nextgen-gallery.zip» и копируете папку «nextgen-gallery» в папку с плагинами вашего блога: /wp-content/plugins/

После того как вы закачали плагин на свой блог, его нужно активировать, для этого в админку WordPress, перейдите на вкладку «Плагины» — «Неактивные», найдите NextGEN Gallery и нажмите на ссылку «Активировать». С этим я думаю у вас проблем не возникнет!

После активации плагина в нижнем левом углу админки WordPress у вас появится новая область — «Галерея» или «Gallery», если вы скачали плагин не смоего блога.

Русификацию
для плагина
можно скачать на странице:

http://code.google.com/p/nextgen-gallery/downloads/list?q=label:Translation
(скачайте файл nggallery-ru_RU.mo»). После этого снова по FTP подключитесь к вашему блогу и загрузите данный файлик в папку: /wp-content/plugins/nextgen-gallery/lang
, после этого все настройки плагина будут на русском языке.

Теперь переходим к следующему пункту:

YouTube Gallery – видеогалерея для Joomla 3

При помощи данного компонента можно создавать и выносить видеогалереи на вашем сайте Joomla. От вас потребуется установить сам компонент, создать новую галерею/слайд-шоу, добавить список видео или же ссылки на видео, и в завершение добавить пункт меню типа «Галерея Youtube».

Благодаря компоненту можно работать с такими видео хостерами как Youtube, Vimeo, Yahoo Video, Break.com и др. Наряду с компонентом дополнительно ставится модуль, благодаря которому можно делать вывод в позиции модулей, и плагин, благодаря которому можно делать вывод галерею в любом материале.

Видеогалерея распространяется бесплатно, но чтобы получить дополнительный функционал, придется заплатить от $24 до $35 (дополнительный плагин не требуется). Русский язык уже идет в пакете, поэтому над локализацией париться не придется.

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

Немаловажно, что при создании плейлиста у вас будет возможность смешивать между собой видео из разных источников – например, одновременно из YouTube и Facebook

Загрузить компонент для создания видеогалереи можно по URL: http://service-joomla.ru/component/jdownloads/finish/3/172.html?Itemid=0

Вопрос-ответ

Рассмотрим несколько вопросов касательно плагина галереи Joomla, которые показались интересными.

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

Как убрать надпись: «Нажмите, чтобы открыть» или «Нажмите, чтобы увеличить изображение»? Это можно сделать путём удаления соответствующей надписи в файле «administrator/language/ru-RU/ru-RU.plg_content_jw_sig.ini». Примерно 35-я строка «JW_PLG_SIG_CLICK_TO_ENLARGE_IMAGE». Но тогда при наведении курсора мыши на миниатюру, во фронтальной части сайта, будет отображаться имя файла (с расширением). Или можно в файле «plugins/content/jw_sig/jw_sig/tmpl/Classic/default.php» удалить такие фрагменты кода:

примерно, 19-я строка.

Но тогда исчезнет и надпись: «Вы просматриваете изображение с именем файла» во всплывающем окне под изображением. Также учтите, что при обновлении плагина или русификатора Simple Image Gallery придётся повторять вышеописанные действия.

Как вставить галерею Simple Image Gallery в модуль? Для этого в менеджере модулей создайте модуль «HTML-код». В настройках модуля, на вкладке Основные параметры активируйте опцию Обрабатывать плагинами. После этого вставьте тег галереи так, как показано в данной статье выше в разделе «Как пользоваться».

Ещё раз хочу отметить, что использование данного плагина галереи под силу, фактически, любому начинающему веб-мастеру

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

В следующей статье «Обзор sigplus. Галерея в материале Joomla» мы рассмотрим ещё один бесплатный плагин и модуль галереи Джумла. А если Вас интересуют другие аналогичные расширения, то предлагаю с ними ознакомиться: Phoca Gallery, DJ-MediaTools, Layer Slideshow, Droppics и ImageSizer.

Phoca Gallery – фотогалерея изображений для Joomla

Данный компонент является прекрасным решением, если вам нужна хорошая видеогалерея для Joomla.

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

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

Особенности галереи Phoca Gallery для Joomla:

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

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

Чтобы начать добавлять изображения в фотогалерею, перейдите в «Компоненты» – «Phoca Gallery». Тут выбираем раздел «Категории» и создаем новую категорию. В принципе все остальные настройки можно оставить стандартными, но и покопаться в них тоже не будет лишним для полноценного понимания возможностей программы.

Тут важно учесть, что именно благодаря категориям происходит сортировка изображений/слайд-шоу в галерее. Так, если создать категорию «Лето 2015» и добавить в нее фотографии, то они будут показываться в рамках этой категории

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

Загрузить компонент для создания фото галереи можно по URL: http://service-joomla.ru/component/jdownloads/finish/3/216.html?Itemid=0

Русификация K2

Компонент разработан заграницей, поэтому его основной язык – английский, из-за чего в настройках не каждый человек будет способен разобраться. То есть для полноценной работы с K2 – необходимо его русифицировать. Русификация доступна по URL: http://getk2.org/extend/translations . Процесс установки схож с установкой самого компонента, поэтому проблем не должно возникнуть.

После завершения установки, Joomla станет полностью понятна русскоязычным пользователям (конечно, при условии, что компонент русифицировался успешно).

В завершение отметим, что разобраться в работе компонента можно и самостоятельно, стоит лишь быть максимально внимательным. А научиться придется действительно многому: заниматься импортом статей из Joomla, организовать иерархию категорий, создавать галереи, работать с админкой K2, настраивать внешний вид статей и т.д. https://www.youtube.com/watch?v=ZBkEyoHmZqU

Приступаем к работе с плагином FooGallery

Я установил на своем тестовом сайте премиум-версию плагина. Сначала создадим галерею. Для административной панели WordPress перейдите в раздел FooGallery → Add Gallery и дайте ей название.

Загружаем изображения

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

Для предварительного просмотра изображений переключитесь на вкладку «Gallery Preview»:

Настраиваем параметры галереи

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

Например, вот обычная галерея в стиле masonry:

Ниже продемонстрирована галерея в стиле Polaroid:

Плагин предоставляет на выбор девять шаблонов галереи:

  1. Responsive image
  2. Image viewer
  3. Justified
  4. Masonry
  5. Simple portfolio
  6. Single thumbnail
  7. Polaroid PRO
  8. Grid PRO
  9. Slider PRO

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

General

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

Appearance

Вкладка содержит различные темы оформления, а также следующие параметры:

  • Границы.
  • Скругленные углы.
  • Тени.
  • Иконки загрузки.
  • Эффект при загрузке.

Также можно добавить фильтр для миниатюры (например, Instagram):

Hover Effects  (эффекты при наведении)

Установка эффекта, который возникает при наведении курсора мыши на изображение в галерее. Можно:

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

Также можно выбрать один из предустановленных стилей. Например, если выбрать пресет Layla…

…получится следующий эффект:

Настройки параметров подписей изображений.

Paging

Вкладка позволяет установить параметры нумерации страниц. Можно пропустить нумерацию страниц или добавить:

  • Постраничную нумерацию страниц галереи.
  • Бесконечную прокрутку.
  • Кнопку «Загрузить еще».

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

Например, если установить размер страницы на 4, то кнопка «Load More» будет выглядеть следующим образом:

Filtering

Содержит фильтры Ajax для сортировки содержимого. Фильтрацию изображений можно установить по «Media Tags» или «Media Categories»:

Например, если добавить простую фильтрацию на базе тегов мультимедиа.

После будут установлены следующие фильтры:

Если посетитель сайта кликнет по фильтру, галерея отобразит только изображения с этим тегом (перезагрузка страницы не потребуется).

Опция расширенной фильтрации позволяет посетителям сайта выбирать сразу несколько фильтров.

Video

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

Плагин также позволяет импортировать видео из внешних источников.  Например, из YouTube.

Также в галерее можно смешивать изображения и видео.

Advanced

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

  • Поддержка Retina.
  • Сортировка галереи.
  • Пользовательский CSS.

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

Встраиваем галерею

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

Чтобы встроить галерею в классический редактор, используйте шорткоды. Также доступен специальный виджет FooGallery.

Создаем альбомы

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

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

По умолчанию структура URL-адресов для этих постоянных страниц такова: /page-with-album/gallery/some-gallery.

Возможности плагина PhocaGallery

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

Также можно выводить категории с фотографиями в виде списка, и добавлять к ним описание.

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

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

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

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

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

Настройка PhocaGallery

В расширении PhocaGallery для Joomla есть огромное количество настроек, и сейчас мы разберем самые основные из них

Обратите внимание, что перед тем, как заливать большое количество фотографий, лучше определиться с оптимальными для вас настройками, а уже потом загружать файлы.Для настройки расширения перейдите в «Компоненты» > «PhocaGallery» > «Параметры». После этого откроется окно настроек, где можно выбрать цвет шрифта, фона, настроить тени, и выполнить прочие манипуляции

Во вкладке «Установки вида категории» у вас есть возможность определить, как будут отображаться категории на сайте. Если вам непонятен смысл того или другого пункта, то наведите на него курсор, и увидите всплывающую подсказку.

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

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

Добавление картинок и создание фотогалерей в WordPress

Как я уже упоминал чуть выше, туда вы сможете попасть из самого низа левого меню админки Вордпресса:

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

На первой вкладке «Добавить новую галерею» вам необходимо вписать в поле «Новая» ее будущее название. Его следует писать на латинице (лучше транслитом), а в случае, если у вас еще не создана соответствующая папка «wp-content/gallery/», то вам нужно создать ее, например, при помощи все той же программы FileZilla и обязательно установить с помощью этого FTP клиент , разрешающие запись и удаление информации из нее.

Если папка «wp-content/gallery/» у вас успешно была создана и имела права доступ 777, то плагин NextGEN Gallery отрапортует об успешном добавлении первой галереи с ID=1 и там же будет приведен короткий код (shortcode) для ее вывода на страницы блога:

А если вы загляните через FileZilla в папку «wp-content/gallery/», то обнаружите внутри новую папку с тем названием, которое вы дали новой фотогалереи (именно поэтому я рекомендовал набирать ее название на латинице).

После создания новой галереи в настройках NextGEN Gallery вас перебросит на вкладку «Загрузить изображения», где вы сможете выбрать из выпадающего списка название фотогалереи, в которую будут добавлены загружаемые вами картинки, а затем нажать на кнопку «Обзор» и выбрать на своем компьютере одно или несколько фото (для их выделения удерживайте Shift или Ctrl на клавиатуре).

Для их загрузки нужно будет нажать на кнопку «Загрузить изображения»:

В результате вы увидите окно, в котором наглядно показан процесс загрузки выбранных вами фотографий на сервер вашего блога, а так же одновременно с загрузкой плагин создаст превьюшки этих фото, которые вы в случае необходимости сможете отредактировать в его настройках. Физически файлы превьюшек будут дислоцироваться по следующему пути «/wp-content/gallery/название/thumbs».

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

Хотя вы можете, например, заранее подготовить на своем компьютере папку с нужными изображениями для будущей фотогалереи и упаковать ее в Zip архив
, который потом можно залить на сервер на вкладке «Загрузить Zip-файл» (где Zip архив автоматически распакуется). Неплохой вариант.

Размеры превьюшек можете изменить в настройках NextGEN, пройдя по следующему пути: «Настройки» — «Тамбнейлы». Задать размер для больших изображений (тех, которые будут открываться при щелчке по превьюшке) вы сможете на вкладке «Изображения». Вообще, покопайтесь — найдете там много интересного.

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

Позицию водяного знака на изображениях фотогалереи можно задать в области «Предварительный просмотр»:

Теперь давайте зайдем в настройки только что созданной нами Gallery.

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

Для того, чтобы изображения вашей галереи для WordPress могли бы , вам нужно будет добавить для каждого фото в столбце «Alt & Title текст / Описание» в верхнее поле так называемый ). В нижнее поле вы можете ввести описание к фотографии, которое будет отображаться при просмотре ее полноразмерного варианта.

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

Возможности компонента K2 по организации контента в Joomla

Но давайте попробуем представить все возможности K2 в виде списка:

  1. Неограниченная вложенность материалов в категориях (можете забыть о разделах и каталогах, в которые зажата версия 1.5 изначально).
  2. В K2 интегрирована система комментирования, которая при желании может быть защищена довольно надежной капчей от Google (в Джумле изначально системы комментирования не предусмотрено, но можно , который де факто является лучшим из имеющихся на данный момент вариантов).
  3. К статьям написанным в K2, вы сможете добавлять теги аналогичные тем, что используются в WordPress (вы сможете использовать довольно наглядное облако тегов, пример которого приведен на демо-сайте разработчиков). Выводится облако тегов из K2 с помощью специального модуля, который кроме него может выводить на страницы сайта, блога или каталога хлебные крошки, архив материалов, календарь в стиле блога, список категорий (меню), окно поиска и др.
  4. В этом компоненте вы сможете при написании статей или создании категории добавлять к ним изображения. Вроде бы ничего такого в этом нет, ибо изначально в движке это тоже можно делать, но разница кроется в унификации добавляемых изображений, которые будут автоматически приводиться к стандартному размеру (очень удобно при ведении авторских блогов пользователями вашего ресурса).

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

В Joomla, конечно же, тоже можно вставлять фотогалереи в статьи, правда для этого придется использовать сторонние расширения (например, плагин ), и все равно процесс вставки будет на порядок сложнее, чем в случае использования компонента K2. О как.

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

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

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

Также в шаблоне статей K2 предусмотрено место для вывода кнопок социальных сетей (обычно называется «Социальный обмен»), что очень удобно, ибо вам не придется прикручивать с помощью сторонних расширений или скриптов.

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

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

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

Обзор плагина FooGallery: список функций

В этом обзоре я сосредоточусь на платной версии FooGallery. Но бесплатная версия плагина тоже пользуется популярностью. Согласно статистике от WordPress.org, его установили на более чем 100 тыс. сайтов, а рейтинг составляет 4,6 звезды.

Что предлагает плагин FooGallery:

  • Множество шаблонов галерей, библиотеку Masonry, слайдеры и многое другое.
  • Ленивая загрузка для повышения производительности. Бесплатно.
  • Функции Lightbox в сочетании с отдельным плагином FooBox. Бесплатно.
  • Функция перетаскивания в галерее. Бесплатно.
  • Поддержка видео галерей. Платно.
  • Фильтры на Ajax, которые позволяют посетителям сайта фильтровать контент галереи. Платно.
  • Бесконечная прокрутка. Платно.
  • Множество эффектов загрузки и эффектов наведения. Платно.
  • Категории и теги для организации медиаконтента. Платно.

Рекомендации по именам файлов изображений

Дам ряд рекомендаций касательно имён файлов и папок изображений. Отметим, что данные рекомендации относятся не только к файлам и папкам изображений Simple Image Gallery, но и к любым файлам, загружаемым на сайт, например, файлов вложений компонентов Attachments, RSFiles. Данные рекомендации чем-то напоминают рекомендации по ЧПУ (SEF) URL-адресам.

Не используйте русские буквы иили пробелы в именах файлов. Только английские буквы, цифры и знаки тире «-» и нижнего подчёркивания «_» (без кавычек). Например, «galereya-izobrazhenij/smpsony/bart-smpson.png», а не «галерея изображений/Симпсоны/Барт Смпсон.png». В случае с Simple Image Gallery использование букв не английского алфавита может привести к тому, что изображение не будет отображаться в галерее, и его имя будет в виде символов вопросительного знака в ромбиках.
Лучше не используйте заглавные буквы в именах файлов и папок. Например: «joomla/rusifikatory/rusifikator-rsmediagallery.png», а не «Joomla/Rusifikatory/Rusifikator-RSmediagallery.png».
В качестве имени файлапапки лучше подобрать слова, которые максимально отражают суть содержимого изображения, в той формулировке, которую чаще всего вводят пользователи в поиск. То есть, использовать в качестве имён папок, подпапок – ключевые слова. Если это уместно и поможет пользователямпоисковым системам лучше понять смысл содержимого. Лучше избегать общих названий файлов, например, «izobrazhenie-1.png».
Желательно не наполнять имена файловпапок набором ключевых слов, например, «dostavka-tsvetov/dostavka/tsvetov-v-kharkove/kupit-tsvety-tsvety-v-kharkove-tsvety-ne-dorogo.png». Это может быть расценено поисковыми системами как попытка обмана алгоритмов ранжирования и, как следствие, Ваш сайт может быть понижен в результатах поисковой выдачи (как минимум, в поиске по картинкам).
Длина полного имени файла не должна превышать 255 символов (лучше до 115). Но насчёт данного ограничения я не уверен. Пример полного имени файла: «aleksius.com/images/joomla/rasshireniya/nastrojki-komyuniti-bilder-2/komyuniti-bilder-2.png» (без кавычек). Включая домен, путь к файлу (со слешами), точки в именах и расширение файла. В моём примере длина полного имени файла 91 символ

Обратите внимание, что я указал домен и корневую папку изображений.
Желательно, чтобы непосредственное имя файла изображения состояло не более из 3-5 слов. Например, «vystavka-tsvetov-leto-215.png» – 4 слова и расширение (расширение не учитывается).
При создании структуры папок (подпапок), должно быть не более 5 уровней

Оптимально — не более 3 уровней. Не используйте большое количество вложенных папок, например, «papka-1/papka-2/papka-3/papka-4/papka-5/papka-6/papka-7/papka-8/papka-9/papka-10/izobrazhenie.png». Это может затруднить индексацию картинок Вашего сайта поисковыми системами. Как следствие, Вы можете потерять возможность получения посетителей из поиска по картинкам (или даже из универсального поиска).
Лучше использовать в качестве разделителя слов в именах файлов и папок тире «-», а не знак нижнего подчёркивания «_». Например: «joomla/rusifikatory/rusifikator-rsmediagallery», а не «joomla/rusifikatory/rusifikator_rsmediagallery».

Итак, если у Вас сайт о цветах, и Вы хотите выложить несколько галерей с разных выставок, то в качестве имён папок могут быть такие:

  • «vystavki/tsvety-ukrainy/2013»
  • «vystavki/tsvety-ukrainy/2014»
  • «vystavki/tsvety-ukrainy/2015»

В папках с годами могут быть такие файлы:

Если изображений роз много, можно добавить сорт иили порядковый номер, имя садовника:

  • «klumbovye-rozy.jpg»
  • «vyushchiesya-rozy.jpg»
  • «sadovye rozy-miniatyurnye.jpg»
  • «sadovye rozy-parkovye»

Галерея для 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 галереей изображений, смотрятся более привлекательно и добавляют большой плюс к графическому дизайну сайта.

Удачи Вам!

Рейтинг
( Пока оценок нет )
Editor
Editor/ автор статьи

Давно интересуюсь темой. Мне нравится писать о том, в чём разбираюсь.

Понравилась статья? Поделиться с друзьями:
АллегроСтандарт
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: