Обзоры расширений Joomla

  • Тип – бесплатный компонент фотогалереи Джумла.

 

 

В предыдущих статьях уже были рассмотрены расширения для создания галерей RSMediaGallery и Simple Image Gallery. В этой статье мы начнём обзор бесплатного и весьма популярного компонента Joomla для создания галерей Phoca Gallery.

На сайте расширений Joomla (на 25.07.2015) у расширения (по всем показателям: функциональность, простота использования, документация, техническая поддержка) – оценка 100 из 100 (386 отзывов). Компонент добавлен в каталог 28 сентября 2008 года (а впервые был выпущен 20 сентября 2007 года). Стоит отметить, что для Phoca Gallery есть дополнительные расширения (плагины и модули). Компонент (разные его версии) совместим с Joomla 1.5-3.х.

В обзоре будет участвовать последняя на момент написания статьи (25.07.2015) русскоязычная версия Phoca Gallery 4.2.0 в Joomla 3.4.3. В обзоре не участвуют дополнительные плагины и модули для галереи. Перевод на русский язык выполнен не мной.

Особенности Phoca Gallery

Перечислю основные особенности и возможности компонента:

  • Автоматическая проверка рекомендуемых настроек компонента и сервера.
  • Автоматическое создание миниатюр.
  • Возможность создания неограниченного количества категорий изображений.
  • Возможность установки дополнительных модулей и плагинов для расширения функциональных возможностей.
  • Вращение изображения.
  • Загрузка изображений из фронтальной части сайта.
  • Импорт\экспорт изображений Facebook.
  • Импорт изображений из Picasa.
  • Комментирование изображений и категорий изображений (при помощи внешней системы комментариев, такой как JComments или комментариев Facebook).
  • Наличие русского языка (интерфейс).
  • Отображение EXIF-информации.
  • Оценивание (рейтинги) изображений и категорий изображений.
  • Пагинация.
  • Пакетное добавление миниатюр.
  • Поддержка Joomla 1.5-3.х.
  • Поддержка водяных знаков.
  • Поддержка геотаргетинга (отображение изображений или категорий изображений на картах Google).
  • Поддержка добавления мета-данных для категорий изображений и изображений.
  • Поддержка мультиязычности.
  • Поддержка отображения видео с Youtube в галереях.
  • Поддержка паттернов MVC (шаблоны (темы) Phoca Gallery могут быть «переназначены» шаблонами Joomla). Это позволяет отображать галерею в стиле самого шаблона сайта.
  • Поддержка различных методов загрузки изображений (FTP, Java-загрузчик, Flash-загрузчик, обычная загрузка, загрузка изображений при помощи других файловых менеджеров или медиа-менеджера Joomla).
  • Поддержка сервиса Cooliris.
  • Поддержка стандартного ЧПУ (SEF) и sh404SEF.
  • Поддержка установки тем оформления галереи.
  • Поддержка хлебных крошек.
  • Поддержка эффектов смены изображений.
  • Разграничение прав доступа для различных групп пользователей (просмотр, загрузка, редактирование, публикация, снятие с публикации).
  • Различные способы отображения увеличенных изображений (без всплывающего окна (Popup); в стандартном всплывающем окне при помощи Javascript; модальное окно; модальное окно (только с изображением); Shadowbox; Highslide JS; Highslide JS (только с изображением); JAK lightbox).
  • Редактирование стилей различных элементов галереи из административной части сайта.
  • Слайд-шоу.
  • Создание внешних ссылок (например, для загрузок).
  • Создание ссылок на VirtueMart (изображения товаров).
  • Статистика по изображениям.
  • Теги изображений.
  • Управление изображениями из фронтальной части сайта (удаление, публикация, снятие с публикации).
  • Хорошая документация (на английском языке).

На рисунке ниже показана панель управления компонента Phoca Gallery 4.2.0. Рассмотрим её элементы более детально.

Компонента Phoca Gallery 4.2.0
Компонента Phoca Gallery 4.2.0

Если Вы ещё не работали с Phoca Gallery, то рекомендую сперва потренироваться на тестовом сайте, изучить настройки, чтобы понять возможности расширения. А они достаточно обширные. Также, возможно, Вам понадобится установить дополнительные модули, плагины, темы и языки. Предлагаю краткий план работ по созданию фотогалереи Joomla в Phoca Gallery.

  1. Продумайте структуру категорий\подкатегорий фотогалереи, а также её функциональность, политику разграничения прав доступа и так далее. Лучше, чтобы Вы максимально чётко представляли, что и зачем Вы хотите от галереи.
  2. Подготовьте необходимые изображения. Советую ознакомиться с рекомендациями по именам файлов, папок и категорий изображений, а также с рекомендациями по самим изображениям.
  3. Если изображений много, то рекомендую выгружать их по FTP. Если нет, то можно добавить их потом при помощи альтернативных методов загрузки.
  4. При необходимости установите дополнения к компоненту (включая языки интерфейса).
  5. Настройте Phoca Gallery.
  6. Создайте и настройте категории изображений.
  7. При необходимости создайте теги (для добавления их к изображениям).
  8. При необходимости настройте изображения (мета-данные, указание местоположения на карте и так далее).
  9. Настройте пункты меню Phoca Gallery и, если были установлены, модули и плагины.
  10. Проверьте отображение всех элементов фотогалереи во фронтальной части сайта.
  11. При необходимости внесите изменения в настройки (это итерационный процесс).

Изображения

В разделе Изображения (рисунок ниже) представлены все добавленные в фотогалерею изображения. Они могут быть опубликованными или нет. Не стоит путать эти изображения с теми, которые Вы загрузили на сервер в папку, но ещё не добавляли в сам компонент Phoca Gallery.

Phoca Gallery
Phoca Gallery

В верхней части страницы собраны различные инструменты для работы с изображениями:

  • Создать. Служит для добавления изображения в компонент Phoca Gallery. Будет рассмотрено более детально ниже в статье.
  • Добавить несколько. Пакетное добавление изображений в компонент (из папки на Вашем сервере) или загрузка изображений с компьютера на сервер. Будет рассмотрено более детально ниже в статье.
  • Изменить. Внести изменение в созданное/существующее изображение (изменение имени, алиаса, мета-данных и так далее). Не путайте с редактированием изображения как в графическом редакторе (обрезка, коррекция цвета) или в RSMediaGallery.
  • Пересоздать миниатюры. Миниатюры – это уменьшенные копии изображений, которые отображаются в категориях изображений (рисунок ниже). Phoca Gallery предварительно создаёт их, а затем отображает во фронтальной части сайта. Это позволяет существенно сократить размер страниц и ощутимо увеличить скорость их загрузки. Если Вы внесли изменения в настройках Phoca Gallery на вкладке Эскизы (раздел Настройка размеров изображений и детального окна, о котором мы поговорим в следующих статьях), то может потребоваться пересоздание миниатюр. Стоит отметить, что это весьма ресурсоёмкий процесс. Особенно, если у Вас много изображений. Советую делать это во время минимальной нагрузки на сервер (минимальной посещаемости) и постепенно (выбирая по 20-50 изображений).
Фотогалерея Joomla
Фотогалерея Joomla
  • Опубликовать. Снять с публикации. Если изображение снято с публикации, то оно не отображается во фронтальной части сайта (кроме как для его владельцев\администраторов). В таком случае оно отмечено красным кружком – 8 (на рисунке ниже).
  • Разрешить. Снять разрешение. Если с изображения снято разрешение, то оно не отображается во фронтальной части сайта и даже его владелец\автор (тот, кто его загрузил) не может его скачать, просмотреть увеличенную копию и так далее. Оно отмечено красным кружком – 9 (на рисунке ниже).
  • Удалить. Удаляет изображение из Phoca Gallery, но не из папки на сервере.
  • Пакетная обработка. Позволяет Вам произвести пакетную обработку нескольких изображений: изменить уровень доступа, язык (актуально для мультиязычных сайтов), переместить или скопировать изображения в другую категорию.
Phoca Gallery для Joomla 3
Phoca Gallery для Joomla 3

На рисунке выше (изображение во фронтальной части сайта):

  1. Миниатюра изображения.
  2. Название изображения (заголовок).
  3. Рейтинг изображения.
  4. Просмотр увеличенной копии изображения.
  5. Загрузка исходного файла изображения на компьютер.
  6. Комментарии.
  7. Удалить изображение.
  8. Статус публикации изображения.
  9. Статус разрешений изображения.
  10. Тег.
  11. Описание изображения.

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

Рассмотрим опции, доступные Вам при создании\редактировании изображения в компоненте Phoca Gallery.

Создание

Общие параметры

На данной вкладке (рисунок ниже) собраны следующие опции.

Общие параметры
Общие параметры
  • Заголовок. Текст, который отображается во фронтальной части сайта (на рисунке выше – 2) под миниатюрой изображения (на рисунке выше миниатюра – 1).
  • Псевдоним. Алиас изображения, служащий для формирования ЧПУ (SEF) URL-адреса миниатюры и увеличенного изображения. Обратите внимание, что для работы данной опции у Вас должен быть включён ЧПУ Joomla. Если Вы используете стороннее SEF-расширение, например, sh404SEF, то URL-адреса фотогалереи могут формироваться согласно правилам этого расширения.
  • Категория. Категория, к которой относится изображение.
  • Порядок. Местоположение изображения по отношению к другим изображениям категории.
  • Имя файла. Нажав на Выберите имя файла Вы сможете указать файл изображения, размещённый у Вас на сервере. Как раз данная опция позволяет добавить изображение в фотогалерею Joomla.
  • Код видео (Youtube). Нажав на Выбор YouTube Вы сможете указать видео-ролик на YouTube, который будет отображаться при нажатии на миниатюру изображения.
  • VirtueMart Product Id. Указав тут ID товара VirtueMart можно создать галерею товаров со ссылкой на страницу товара (рисунок ниже). По нажатию на иконку корзинки под миниатюрой пользователь перейдёт на страницу карточки товара (проверял в VirtueMart0.7). По сути, Вы можете создать галерею товаров VirtueMart. Обратите внимание, что опция Показать ссылку VirtueMart в настройках Phoca Gallery (вкладка Главные настройки, раздел Настройки VirtueMart) должна быть включена.
Ссылка на товар VirtueMart
Ссылка на товар VirtueMart
  • Описание. Текс, возможно с форматированием, ссылками и т.д., который отображается под миниатюрой во фронтальной части сайта (на рисунке выше – 11).

Параметры публикации

На данной вкладке собраны настройки отображения изображений.

  • Опубликовано. Статус публикации фотографии. Опция аналогична одноимённой опции на странице списка изображений.
  • Разрешить. Статус разрешений фотографии. Опция аналогична одноимённой опции на странице списка изображений.
  • Дата. Дата публикации изображения. Можно запланировать публикацию изображения на будущее.
  • Установить показы. Можно задать вручную количество показов изображений. Это аналог хитов – популярности. Можно сортировать изображения в категориях по количеству показов и выделять наиболее популярные специальными иконками.
  • Язык. Так как Phoca Gallery для Joomla 3 поддерживает мультиязычность, то тут Вы можете задать, к какому языку относится изображение.
  • Теги. Теги изображений. О том, как их создавать мы поговорим в следующих статьях. Теги можно использовать, например, для группировки изображений независимо от категорий. То есть, можно назначить изображениям из разных категорий один и тот же тег, и по нажатию на этот тег пользователь перейдёт на страницу с перечнем всех изображений с этим тегом независимо от того, к каким категориям они относятся. По сути, теги Phoca Gallery это аналог тегов TorTags.
Параметры публикации
Параметры публикации

Гео Настройки

Компонент Phoca Gallery позволяет Вам отмечать координаты на карте Google, где были сделаны снимки Вашей фотогалереи. Для этого служат настройки данной вкладки (рисунок ниже).

Гео Настрйоки
Гео Настрйоки
  • Geotagging широта. Широта местоположения, в котором было сделано фото. Нажав на Установить координаты можно будет указать координаты прямо на карте Google.
  • Geotagging долгота. Долгота местоположения, в котором было сделано фото.
  • Масштаб отображения карты.
  • Гео заголовок. Заголовок изображения на карте.

Внешние опции Link

По аналогии со ссылками на товары VirtueMart (опция VirtueMart Product Id, на вкладке Общие параметры), Вы можете назначить одну или две внешние\внутренние ссылки, иконка на которые (или их заголовки) будет отображаться под миниатюрой изображения (рисунок ниже).

Исходящая ссылка
Исходящая ссылка

На вкладке Внешние опции Link (рисунок ниже) собраны следующие опции. Они одинаковы для первой и второй ссылки.

  • Ссылка. URL-адрес ссылки (указывайте полный адрес, включая доменное имя, даже если ссылка ведёт на внутреннюю страницу сайта).
  • Заголовок. Заголовок ссылки, который отображается в виде всплывающей подсказки или вместо пиктограммы, если для опции Иконка выбрано Нет.
  • t «Способ» открытия ссылки: Открыть в новом окне (_self), Открыть в новом окне (_blank), Открыть в родительском окне (_parent), Открыть в верхнем фрейме (поверх всех фреймов) (_top).
  • Иконка. Если выбрано Да, то ссылка под миниатюрой будет отображаться в виде иконки, если Нет, то в виде текста из поля Заголовок.
Внешние опции Link
Внешние опции Link

Параметры метаданных

Phoca Gallery для Joomla 3 позволяет Вам задать мета-описание и мета-ключевые слова для каждого изображения отдельно. Это может помочь поисковым системам лучше понимать, что именно находится (отображено) на Ваших изображениях. Обратите внимание, что эти мета-данные отображаются в коде страниц с увеличенными изображениями (страницы с подробностями). Есть некоторые формальные и неформальные требования\рекомендации к этим мета-данным.

  • Мета-тег Description. Описание должно быть не менее 70 символов с пробелами и не более 150 (лучше до 120). Оно должно максимально чётко и полно описывать то, что отображено на картинке. Текст должен быть читабельным (понятным человеку), без грамматических ошибок. Лучше употребить в описании 1-2 ключевых слова\фразы. Не нужно вставлять в мета-описание одни ключевые слова. Это может быть воспринято поисковыми системами как попытка влияния на ранжирование. За подобный спам можно даже получить санкции со стороны поисковых систем.
  • Мета-тег Keywords. От 1 до 10 ключевых слова\фраз (лучше 1-3), разделённых запятой, которые максимально полно описывают содержимое изображения. Не надо вписывать ключевые слова, которые не отвечают содержимому изображения. За подобный спам можно даже получить санкции со стороны поисковых систем.
Параметры метаданных
Параметры метаданных

Добавление нескольких изображений

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

Можно сразу добавить изображения, которые уже есть в папке изображений на Вашем сервере (рисунок ниже). Опции, доступные тут, уже рассмотрены в статье выше. Изображения в папку изображений Joomla можно добавить абсолютно любым доступным\удобным для Вас способом (по FTP, через панель управления хостингом, через медиа-менеджер Joomla и так далее).

Добавление нескольких изображений
Добавление нескольких изображений

В нижней части страницы есть возможность загрузки отдельного изображения (вкладка Загрузить). Ограничения, которые отображаются над инструментами загрузки, задаются в настройках Phoca Gallery на вкладке Пользователи (раздел Настройки загрузки), их мы рассмотрим в следующих статьях. Отмечу, что помимо этих ограничений могут действовать и другие, например, ограничения сервера (их Вам не удастся обойти путём настройки Phoca Gallery).

На вкладке Мульти загрузка (рисунок ниже) Вам доступна пакетная загрузка изображений при помощи Flash-загрузчика. Для этого понадобится Flash-плеер в Вашем браузере.

Мульти загрузка
Мульти загрузка

Если Вам нужно создать папку, в которую потом будут загружены изображения, то это можно сделать на вкладке Создать папку (рисунок ниже).

Создать папку
Создать папку

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

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

 

Полезные ссылки: