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

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

Изображения

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


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

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

  • Опубликовать. Снять с публикации . Если изображение снято с публикации, то оно не отображается во фронтальной части сайта (кроме как для его владельцев\администраторов). В таком случае оно отмечено красным кружком – 8 (на рисунке ниже).
  • Разрешить. Снять разрешение . Если с изображения снято разрешение, то оно не отображается во фронтальной части сайта и даже его владелец\автор (тот, кто его загрузил) не может его скачать, просмотреть увеличенную копию и так далее. Оно отмечено красным кружком – 9 (на рисунке ниже).
  • Удалить . Удаляет изображение из Phoca Gallery, но не из папки на сервере.
  • Пакетная обработка . Позволяет Вам произвести пакетную обработку нескольких изображений: изменить уровень доступа, язык (актуально для мультиязычных сайтов), переместить или скопировать изображения в другую категорию.

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

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

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

Рассмотрим опции, доступные Вам при создании\редактировании изображения в компоненте 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 ) должна быть включена.
  • Описание. Текс, возможно с форматированием, ссылками и т.д., который отображается под миниатюрой во фронтальной части сайта (на рисунке выше – 11).

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

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

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

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


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

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

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

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

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 » мы поговорим о категориях изображений фотогалереи, а также рассмотрим настройки самого компонента.

Представляем самую последнюю версию компонента галереи для Joomla Phoca Gallery. Бесплатный компонент с огромным количеством настроек для создания галереи изображений на вашем Joomla сайте. Этот компонент по праву считается самым лучшим в линейке галерей, а приятной особенностью является его бесплатность!
В архиве сам компонент для версий Joomla 1.5, 1.6, 1.7, 2.5 и Joomla 3.0 + также имеется русский язык, все плагины и модули.

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

Специально для пользователей нашего сайта расскажу как руссифицировать этот компонент и как удалить копирайты, но обо всем по порядку. Итак руссификация. В архиве есть папка RUS, ее содержимое нужно загрузить по ФТП в папку на вашем сайте которая находится тут: ваш_сайт/administrator/language/ru-RU . Копируем туда оба файла и наслаждаемся русским языком в панели управления вашей галереи. Для установки языка в Joomla 2.5 или Joomla 3.0 достаточно просто установить языковой пакет, и русский язык для Phoca Gallery установится в автоматическом режиме.

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

Joomla 1.5 (копирайты)

Для того чтобы убрать надпись / копирайт "Powered by Phoca Gallery " для Joomla 1.5, в файле default.php расположенном по адресу: "components/com_phocagallery/views/categories/tmpl / ", найти следующий участок кода:

$tmpl["def"] = "

Power"."ed by Phoc"."a ."hoca.cz/phocagallery" style="tex"."t-decoration: none;" ta"."rget="_bla"."nk" title="Pho"."ca Gal"."lery">Gal"."lery
";

Это примерно 10 строка в файле и заменить все это на:

Function getString() { return "<"."d"."i"."v"." "."s"."t"."y"."l"."e"."="."""."t"."e"."x"."t"."-"."a"."l"."i"."g"."n".":"." "."c"."e"."n"."t"."e"."r".";"." "."c"."o"."l"."o"."r".":"." "."r"."g"."b"."("."2"."1"."1".","." "."2"."1"."1".","." "."2"."1"."1".")".";".""".">"."P"."o"."w"."e"."r"."e"."d"." "."b"."y"." "."<"."a"." "."h"."r"."e"."f"."="."""."h"."t"."t"."p".":"."/"."/"."w"."w"."w"."."."p"."h"."o"."c"."a"."."."c"."z"."""." "."s"."t"."y"."l"."e"."="."""."t"."e"."x"."t"."-"."d"."e"."c"."o"."r"."a"."t"."i"."o"."n".":"." "."n"."o"."n"."e".";"."""." "."t"."a"."r"."g"."e"."t"."="."""."_"."b"."l"."a"."n"."k"."""." "."t"."i"."t"."l"."e"."="."""."P"."h"."o"."c"."a"."."."c"."z".""".">"."P"."h"."o"."c"."a"."<"."/"."a".">"." "."<"."a"." "."h"."r"."e"."f"."="."""."h"."t"."t"."p".":"."/"."/"."w"."w"."w"."."."p"."h"."o"."c"."a"."."."c"."z"."/"."p"."h"."o"."c"."a"."g"."a"."l"."l"."e"."r"."y"."""." "."s"."t"."y"."l"."e"."="."""."t"."e"."x"."t"."-"."d"."e"."c"."o"."r"."a"."t"."i"."o"."n".":"." "."n"."o"."n"."e".";"."""." "."t"."a"."r"."g"."e"."t"."="."""."_"."b"."l"."a"."n"."k"."""." "."t"."i"."t"."l"."e"."="."""."P"."h"."o"."c"."a"." "."G"."a"."l"."l"."e"."r"."y".""".">"."G"."a"."l"."l"."e"."r"."y"."<"."/"."a".">"."<"."/"."d"."i"."v".">"; }

И тут мы все это заменяем на:

Function getString() { return ""; }

В самом кноце этого же файла находим следующее:

Function getDivs(){
return "

."t-align: center; color:#d3d3"
."d3;">Power"
."ed by ."p://www.pho"
."ca.cz" style="text-decor"
."ation: none;" tar"."get="_bl"
."ank" title="Ph"
."oca.cz">Phoc"
."a ."hoca.cz/phocagallery" style="tex"
."t-decoration: none;" ta"."rget="_bla"."nk" title="Pho"."ca Gal"
."lery">Gal"."lery
";
}

И заменяем на:

Function getDivs(){ return "";}

Все! Все копирайты в Phoca Gallery v. 2.8.1 для Joomla 1.5 убраны. Хочу обратить ваше внимание на такой момент: этот способ описан только для этой версии т.е. 2.8.1 и Joomla 1.5. Для более ранних или последующих версий этой галереии (например: как убрать копирайт Phoca Gallery в Joomla 2.5 или 3.0 ) этот способ удаления копирайтов скорее всего не подойдет. Если возникнут вопросы - пишите! С удовольствием помогу!

Joomla 2.5 (копирайты)

Для удаления копирайтов Powered by Phoca Gallery в Joomla 2.5 (версия Phoca Gallery 3.2.4) необходимо открыть файл:

utils.php

Public function footer() {
echo "

Powe"."red by Phoca Gall"."ery
";
}

Вставьте такой код и сохраните файл:

Public function footer() {
echo "";
}

После этого нужно удалить часть кода в выводе шаблона галереи, для этого откройте файл:

default.php

после перейдите к 72-й строке и закомментируйте или удалите строчку:

default.php

после этого перейдите к 197-й строке и также закомментируйте или удалите строку:

Echo $this->tmpl["ns"];

После сохраняйте файл, обновляйте страницу на сайте и увидите что копирайтов Powered by Phoca Gallery больше нет.

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

Joomla 3.x (копирайты)

Удаление копирайтов Powered by Phoca Gallery в Joomla 3.x, практически идентично как и для версии Joomla 2.5, за исключением некоторых строк кода. Чтобы удалить копирайты в Joomla 3, откройте файл:

administrator/components/com_phocagallery/libraries/phocagallery/utils/utils.php

Перейдите к 117-120 строкам и замените этот код:

Public function footer() {
echo "

Powe"."red by Pho"."ca Gall"."ery
";
}

на этот код:

Public function footer() {
echo "";
}

После этого откройте файл:

components/com_phocagallery/views/categories/tmpl/default.php

перейдите к 21-й строке и закомментируйте или удалите данную строчку:

components/com_phocagallery/views/category/tmpl/default.php

после перейдите к 165-й строке и удалите строку:

Echo PhocaGalleryUtils::footer();

После сохраните файл и обновите страницу галереи на своем сайте. Копирайты Powered by Phoca Gallery в Joomla 3.x должны исчезнуть.

В архиве так же присутствуют несколько плагинов с русскоязычными пакетами для интеграции галереи Phoca Gallery с компонентом комментариев jcomments и с компонентом joomfish. Также все модули и их русификации.

Добавлена последняя русская версия Phoca Gallery с поддержкой Joomla 2.5/3.0


Понравился материал? Пригодилась информация? Плюсани в социалки!



Как нам выставить настройки для галереи на сайте joomla , которая будет на сайте? Очень просто, давайте во всем разберемся вместе. В прошлом уроке мы рассматривали, как выводить фотографии в статью и менять код.

На сайте самой галереи www.phoca.cz идем в пункт меню Documentation – Components



В колонке выбираем Global Configuration. Это примерно в середине столбца, найти легко. После этого открываем первый пункт Categories View Settings

Теперь посмотрим, что у нас в галерее и сравним.

На своем сайте открываем компонент Phoca gallery, находим «параметры», после этого отрывается окно настроек самой галереи. Вы сможете выбрать для себя те настройки для фотографий, которые подходят именно вам.

Конфигурация.

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

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



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

2) Как настроить эскизы?

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



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

3) Установки вида категории.

Здесь можно выбрать количество столбцов, кнопку «назад», изображение вместо иконки папки и показывать или нет вложенные категории.

4) Настройки детального просмотра.

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


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

5) Описание настроек.

Показать описание или нет, размер шрифта и цвет фона описания.



В этом ничего сложного нет. Можно ничего не менять, просто оставить то, что предлагается.

6) Слайд-шоу.

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

7) Общие настройки.

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

8) Панель управления пользователя.

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

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

9) Настройки загрузки.

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

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

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

Жена купила машинку для стрижки собак.

Не кусался только муж. На нем и тренировались...

10) Настройка оценок и комментариев – это просто.

Выбираете, что вам нужно и сохраняете. Так же выбираете внешнее расширение для комментариев. У меня это JComments и Facebook.

11-12) Переключение настроек изображения и Piclens выбираете, если вам надо, и сохраняете.

13) Настройки overlib эффекта не обязательны. Это для того, чтобы появлялось описание или название вашей картинки при наведении мышкой.

14) Настройки водяного знака нужны только при условии, что вы его уже сделали и хотите, чтобы он отображался на всех фотографиях.



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

17)Информационные настройки (значок камеры) и google maps выставляете при необходимости. Как и формат иконок, создание эскизов.

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

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

19) И последнее – «настройки безопасности». Лучше выставить разрешения на папку 777, чтобы не появились проблемы с загрузкой и прочее.

Сегодня мы рассмотрели внутренние настройки в Phoca Gallery , которые вы сами можете изменить для вывода фотографий у себя на сайте joomla .

Phoca Gallery прекрасное решение для установки на Вашем сайте фотогалереи. Несмотря на то, что этот компонент для вывода фотографий и изображений является абсолютно бесплатным, он обладает рядом особенностей и имеет множество возможностей и преимуществ. Компонент совместим с такими версиями Joomla как 1.5/1.7/2.5/3.0.

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

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

Итак, прежде всего, об основных особенностях Phoca Gallery:

1. Создание неограниченного количества категорий, что позволяет выводить фотографии и изображения по определенным группам.
2. Различные методы загрузки изображение (мульти-загрузка).
3. Автоматическое создание миниатюр.
4. Большой выбор вывода изображений и категорий.
5. Цвета и темы отображения изображений и категорий настраиваются в панели управления.
6. Возможность добавления описания к изображениям и категориям, установка функции загрузки и сохранения фотографий, рейтинг изображений, статистика, автоматическое наложение водяного знака, комментарии и многое, многое другое.

Установка компонента Phoca Gallery ничем не отличается от установки любого другого расширения. Правда есть небольшое отличие, об этом ниже.

Необходимо скачать установочный файл и файл русификации. Затем перейти в Менеджер расширений – Установка и выбрать файл Phoca Gallery. Нажимаем установить, и проходим процесс установки. Таким же образом производиться русификация компонента.

После того как Вы нажали кнопку установить, у Вас должно появиться сообщение о том, что компонент успешно установлен, однако это еще не все и после этого нужно еще нажать кнопку "Установить" как на рисунке ниже.

Чтобы фотогалерея отображалась на сайте, создаем пункт меню, в котором выбираем Тип пункта меню - Phoca Gallery.

Для добавления фотографий в фотогалерею необходимо: в панели управления выбрать Компоненты – Phoca Gallery.

В панели управления Phoca Gallery выбрать – Категории и создать одну. Указать заголовок, все остальное можно оставить по умолчанию или установить нужные настройки. Нажать кнопку - Сохранить и закрыть.

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

Для добавления изображений выбираем вкладку Изображения и нажимаем кнопку – Создать.

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

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

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

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

Скачать файлы:

Phoca_Gallery_j1.5.zip Версия:2.8.1
27.07.2013 Русский Joomla 1.5 1.05 MB 2516
Phoca_Gallery_j2.5.zip Версия:3.2.6

Полностью русифицированная версия, русификатор устанавливается автоматически.

27.07.2013 Русский Joomla 2.5 1.74 MB 9323
  • Настройка Phoca Gallery .

Включить пользовательскую ПУ. Активирует использование панели управления пользователя (рисунок ниже).


Включить загрузку аватаров. Позволяет загружать аватары пользователей – авторов категорий галерей (рисунок выше). Эти аватары можно использовать в качестве изображений категорий на странице списка категорий. Об этом можно прочесть в статье «Обзор Joomla Phoca Gallery ».

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

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


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

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


Максимум символов в описании категории. Максимальная длина описания категории в символах с пробелами.

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

  • Все. Относится ко всем языкам сайта. То есть, при переключении между языками, такие категории\подкатегории будут всегда доступны.
  • Язык пользователя. Категория\подкатегория будет относиться к языку, который установлен в качестве языка пользователя, который её создал.
  • Язык сайта. Категория\подкатегория будет относиться к языку, который установлен по умолчанию в менеджере языков Joomla.

Раздел Настройки загрузки . Настройки данного раздела относятся к ограничениям на загружаемые из фронтальной части сайта файлы. Помимо ограничения на загрузку файлов, заданных в Phoca Gallery, есть ещё ограничения сервера и, возможно, сторонних расширений, например, RSFirewall . Загружать файлы во фронтальной части сайта можно, например, через панель управления (рисунок ниже).


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

Максимум символов описания. Максимальная длина описания изображения в символах с пробелами.

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

Максимальное разрешение – Ширина. Максимальное разрешение – Высота. Максимальная ширина и высота (в пикселях) загружаемого файла.

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

Максимальный размер всех изображений пользователя. Максимальный размер всех загруженных файлов пользователя в байтах. Без учёта миниатюр.

Включить Мульти-загрузку. Можно разрешить загружать несколько файлов на сайт одновременно. Доступны такие опции:

  • Отключить Мульти-загрузчик.
  • Включить Мульти-загрузку (Только для Администратора).
  • Да. Все зарегистрированные пользователи смогут использовать мульти-загрузку.

Метод Мульти-загрузки. Можно выбрать один из шести доступных методов мульти-загрузки. Обратите Ваше внимание на то, что тот или иной метод может потребовать наличия у пользователя определённого программного обеспечения: современного браузера с поддержкой HTML5, Flash плеера , плагина Silverlight , Java и так далее. Доступны такие методы загрузки:

  1. Flash загрузчик.
  2. Gears-загрузчик.
  3. Silverlight загрузчик.
  4. HTML5 Загрузчик.
  5. Браузерный загрузчик.
  6. HTML4 Загрузчик.

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

Мульти изменение ширины. Мульти изменение высоты. Можно назначить автоматическое изменение ширины и высоты изображений перед загрузкой. Если указано «-1» (без кавычек), изменение не происходит. Данные опции работают для Java-загрузчика и не работают для мульти-загрузчика метод «HTML4 Загрузчик».

Включить Java-загрузчик. Активирует использование ещё одного метода загрузки, но на основании Java. У пользователя должен быть установлен соответствующий плагин.

Доступны такие опции:

  • Отключить Java-загрузчик.
  • Включить Java-загрузку (Только для Администратора).
  • Да. Все зарегистрированные пользователи смогут использовать мульти-загрузку на основании Java.

Ширина Java Box. Высота Java Box. Ширина и высота окна Java-загрузчика в пикселях.

Разрешить добавление из YouTube. Можно разрешить загружать ролики с YouTube в Вашу галерею для Joomla 3.



Раздел Настройка комментариев . Система комментариев в Phoca Gallery, на мой взгляд, весьма аскетична. Считаю, лучше использовать специализированное расширение, например, JComments .

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


Показать комментарии изображения. Позволяет отобразить\спрятать форму комментариев для каждого конкретного изображения. Доступны такие варианты:

  • Нет.
  • Да (Просмотр деталей) (рисунок ниже).
  • Да (Категория).
  • Да (категория и просмотр деталей).

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


Ширина поля комментариев. Ширина области введённого комментария в пикселях (не формы).

Максимум символов в комментарии. Максимальное количество символов в комментарии с пробелами.

Показывать комментарии не во всплывающем окне. Если для данной опции Выбрано Да , по нажатию на пиктограмму комментария в «плитке» изображения (описание пиктограмм смотрите в статье «Обзор Phoca Gallery для Joomla 3 ») комментарии и увеличенное изображение откроются на новой странице (рисунок ниже).

Внешняя система комментирования. В качестве сторонней системы комментариев можно выбрать комментарии Facebook.

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


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

Раздел Настройка создания миниатюр .

Создание нумерации страниц. Это очень важный параметр. Если Вы выбираете для него Нет , миниатюры изображений будут создаваться для всех изображений, которые Вы добавляете в галерею. Если Вы зададите Да , тогда миниатюры будут создаваться только для тех изображений, которые перечислены в данный момент в разделе Изображения (с учётом пагинации). Данная опция полезна в том случае, когда у Вашего сервера (хостинга) нет достаточного количества вычислительной мощности для создания миниатюр всех изображений или же, когда у Вас много изображений. Например, Вы хотите создать миниатюры загруженных изображений, выбрали для данной опции Да , перешли в раздел изображений, и там Вы видите список из N изображений. Длина этого списка контролируется при помощи пагинации в правом верхнем углу страницы (на рисунке ниже это спадающий список с цифрой «20»). Выбрав все или несколько изображений (на данной странице) и нажав кнопку Пересоздать миниатюры , вы создадите\пересоздадите миниатюры только для выбранных изображений. Таким образом, можно контролировать нагрузку на сервер, создавая миниатюры небольшими партиями. А вот если для данной опции выбрано Нет , то в описанной ситуации будут созданы\пересозданы миниатюры всех изображений в разделе Изображения . При большом их количестве (и других настройках) подобная ситуация может привести к чрезмерной нагрузке Вашего сервера и, возможно, к появлению ошибок в его работе.


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

Включить создание миниатюр. Если для данной опции выбрано Да , то для загружаемых изображений будут автоматически создаваться миниатюры. Обратите внимание, что создание миниатюр может быть длительным и ресурсоёмким процессом. Он напрямую зависит от количества изображений и их размера (как в килобайтах, так и по ширине\высоте в пикселях). Рекомендую проводить создание миниатюр во время наименьшей нагрузки на сервер. Плюс, за чрезмерную и длительную нагрузку на сервер Вы можете получить предупреждение или бан (блокировку аккаунта) от Вашего хостинг-провайдера, если у Вас «общий» хостинг.

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

  • Нет.
  • Только большие миниатюры.
  • Только средние миниатюры.
  • Только маленькие миниатюры.
  • Большие и средние миниатюры.
  • Большие и маленькие миниатюры.
  • Все.

Определимся с терминами. «Миниатюра» – любое изображение галереи для Joomla 3, кроме исходного (которое Вы загрузили на сайт и которое может скачать пользователь себе на компьютер, если Вы это разрешили).

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


«Средняя миниатюра» – отображается, например, на странице изображений категории. Пример показан на рисунке ниже.

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

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

  • Только средние миниатюры.
  • Только маленькие миниатюры.
  • Средние и маленькие миниатюры.
  • Нет.

Создание дополнительных миниатюр может улучшить внешний вид Вашей галереи. Приведем небольшой пример.

  • Исходные изображения: 12 штук, 1920х1080 каждый, суммарный размер 4,05 Мб.
  • Создание дополнительных миниатюр для средних и малых миниатюр (Качество JPEG – 85): в папке с миниатюрами появилось ещё 108 изображений (по 9 миниатюр на каждое исходное изображение), суммарный размер 1,85 Мб.
  • Без создания дополнительных миниатюр (Качество JPEG – 85): в папке с миниатюрами появилось ещё 36 изображений (по 3 миниатюры на каждое исходное изображение), суммарный размер 0,72 Мб.

Качество JPEG. Phoca Gallery создаёт миниатюры изображений в формате исходного файла. Если он был в JPEG, то Вы можете указать «уровень качества» миниатюр. От «0» до «100», где «0» – самое плохое качество. По умолчанию стоит «85». На мой взгляд, ниже «70-75» снижать не стоит, так как заметны существенные потери. Стоит отметить, что чем меньше данное значение, тем меньше размер файла миниатюр и тем быстрее будет загружаться изображение и страница в целом.

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

Ширина большого изображения. Высота большого изображения. Ширина и высота большого изображения в пикселях.

Ширина среднего изображения. Высота среднего изображения. Ширина и высота среднего изображения в пикселях.

Ширина маленького изображения. Высота маленького изображения. Ширина и высота маленького изображения в пикселях.

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

Раздел Настройки водяного знака . Phoca Gallery позволяет автоматически добавлять водяные знаки на изображения Вашей галереи Joomla 3. При этом для разных папок (категорий) можно добавлять разные водяные знаки. Во время тестирования столкнулся с тем, что при добавлении водяного знака (файл PNG с прозрачностью) на изображения в формате PNG (без прозрачности) Phoca Gallery вставляет водяной знак на белом фоне. При добавлении этого же файла водяного знака на картинки в JPG всё было нормально. Возможно, это особенности\проблемы моей библиотеки GD PHP и\или файлов изображений.

Файл водяного знака должен быть в формате PNG. Имя файла водяного знака для больших изображений должно быть – «watermark-large.png» (без кавычек), для средних изображений – «watermark-medium.png» (без кавычек). Обратите внимание, что при добавлении водяных знаков исходные изображения не модифицируются. Также для добавления водяных знаков нужно пересоздать миниатюры. Еще может понадобиться очистить кэш Joomla и браузера после пересоздания миниатюр для того, чтобы увидеть изменения.

Файлы «watermark-large.png» и «watermark-medium.png» нужно создавать с учётом размера большого и среднего изображений, а также предусмотреть небольшой отступ от края самого водяного знака до внешнего периметра файла водяного знака. Это обеспечит отступ изображения водяного знака от краёв фотографий, на которые он будет нанесён.

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

  • Да (Папка). Водяные знаки будут создаваться с учётом наличия файлов водяных знаков в каждой конкретной папке изображений и только для тех изображений, которые будут находиться в этой папке. Например, есть папка «foto-s-vystavki» в ней есть папки «2014» и «2015» (все папки содержат фотографии, на которые нужно добавить водяной знак). Если активен это вариант опции и в папке «foto-s-vystavki» есть файлы водяного знака, то он будет добавлен только на фотографии в папке «foto-s-vystavki», а на фотографии в папках «2014» и «2015» водяной знак добавлен не будет.
  • Да (Корневой каталог). Водяные знаки будут создаваться с учётом наличия файлов водяных знаков в корневой папке изображений и для всех изображений этой папки и всех вложенных папок с изображениями. Например, есть папка «foto-s-vystavki» в ней есть папки «2014» и «2015» (все папки содержат фотографии, на которые нужно добавить водяной знак). Если активен этот вариант опции, и в папке «foto-s-vystavki» есть файлы водяного знака, то он будет добавлен только на фотографии в папке «foto-s-vystavki» и на фотографии в папках «2014» и «2015» тоже.
  • Нет. Водяные знаки не будут создаваться.

X-позиция водяного знака. Положение водяного знака на изображении по горизонтали. Доступны такие варианты: Осталось, Центр, Справа .

Y-позиция водяного знака. Положение водяного знака на изображении по вертикали. Доступны такие варианты: Топ, Посередине, Нижний край .

Раздел Настройки безопасности .

Права на папку. Тут Вы можете задать права на папки галереи внутри корневой папки «image/phocagallery». Права на файлы и папки можно также задавать при помощи FTP-клиента (например, FileZilla) или при помощи панели управления Вашим хостингом. Рекомендую на все папки устанавливать «755», а на файлы - «644».

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

Компонент фото галереи для Джумла позволяет Вам устанавливать готовые (или создавать свои) темы оформления. Это напоминает шаблон сайта, но распространяете только на дизайн самой галереи. Обратите внимание, что на 16.08.2015 (для Phoca Gallery 4 и Joomla 3.4) на сайте разработчика, где можно скачать готовые темы , нет подходящих тем. Те, что представлены, работают для Joomla 1.5, 1.7, 2.5. Единственная доступная тема «Restore Default Settings» (файл «com_phocagallery_theme_restore_default_settings_v1.0.0.zip») позволяет восстановить настройки оформления по умолчанию.

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


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