Меню

Phoca gallery plugin настройка



Joomla — Урок 13. Создаем первую галерею Phoca Gallery

Как вы помните у нас в каталоге товаров 13 разделов и в каждом в среднем по 3 категории. Таким образом, нам предстоит создать около 40 фотогалерей. Чтобы не запутаться, какие образцы, к каким категориям относятся, неплохо было бы иметь возможность как-то их рассортировать. В компоненте Phoca Gallery предусмотрена такая возможность, а именно — возможность создавать различные категории для изображений.

Кратко алгоритм работы с Phoca Gallery выглядит так:

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

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

Идем в Компоненты — Галерея Phoca Gallery — Категории и в открывшемся окне щелкаем по кнопке Новый. Откроется окно создания категории, где надо задать:

  • Заголовок. В нашем случае, например, Брянск — гофра.
  • Псевдоним. В нашем случае — brynsk-gofra
  • Родительскую категорию. Мы создаем первую категорию, так что и выбирать не из чего. Но вообще Phoca Gallery поддерживает вложенность категорий. Например, мы могли бы сделать категорию Брянск, а в ней подкатегории: гофрированные, дуплекс, мойка, пена. Мы усложнять (т.е. делать вложенные категории) пока не будем.

Остальные настройки оставляем по умолчанию.

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

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

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

  • Идем в папку oboi/images/phocagallery. Создаем здесь папку под нашу категорию — brynsk-gofra и в нее копируем наши изображения. Теперь наши изображения находятся на нашем сервере.
  • Теперь идем в административный раздел Компоненты — Галерея Phoca Gallery — Изображения

И нажимаем на кнопку Новый. Откроется окно добавления изображения в галерею. Здесь мы сначала щелкаем по кнопке Изображения:

Щелкаем по нашей папке brynsk-gofra:

Ждем какое-то время, пока Phoca Gallery создает пиктограммы наших изображений:

После чего щелкаем по первому изображению (выбирая его таким образом):

и видим, что его название появилось в названии файла в окне описания изображения. Нам осталось задать изображению Название (Адель), Псевдоним (adel) и выбрать категорию (Брянск-гофра). Остальные настройки оставляем без изменения и щелкаем по кнопке Сохранить:

  • Аналогично создаем все изображения нашей категории.
  • Способ второй

      Идем в административный раздел Компоненты — Галерея Phoca Gallery — Изображения и нажимаем на кнопку Новый. Откроется окно добавления изображения в галерею. Щелкаем по кнопке Изображения. В открывшемся окне можно создать папку для изображений категории, набрав название в поле Папка и щелкнув по кнопке Создать папку. А затем загружать изображения по одному, щелкнув по кнопке Обзор, выбрав изображение у себя на компьютере и нажав на кнопку Начать загрузку:

    Далее щелкаем по изображению (выбирая его таким образом), даем ему Название (Адель), Псевдоним (adel), выбираем категорию (Брянск-гофра) и сохраняем.

  • Аналогично создаем все изображения нашей категории.
  • Итак создайте любым способом несколько изображений для нашей категории. Миниатюры всех созданных вами изображений будут отображаться на вкладке Изображения галереи Phoca Gallery

    Таким образом, наша первая галерея создана, осталось лишь вывести ее с помощью плагина Phoca Gallery Plugin в нужном месте сайта. Но сначала самостоятельно создайте еще три галереи: Брянск-дуплекс (brynsk-duplex), Брянск-моющиеся (brynsk-moyka) и Брянск-пена (brynsk-pena). Изображения для этих галерей можете скачать здесь (для наших целей хватит по 5-10 изображений на категорию). В результате, в Менеджере категорий Phoca Gallery у вас должно быть четыре категории:

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

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

    Источник

    Phoca gallery plugin настройка

    Фотогалерея Phoca Gallery бывает двух видов — компонент (component) и плагин (plugin), оба вида устанавливаются отдельно. Однако плагин без компонента работать не может. В статье описана работа с компонентом для версии Joomla 1.5.24.

    [Phoca Gallery component]

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

    Установка компонента происходит стандартным образом. Пройдите по ссылке [2], скачайте установочный zip-архив компонента (я скачал com_phocagallery_v2.8.0.zip), и в админке Joomla -> Расширения -> Установка и удаление -> Закачка файла пакета -> выберите закачанный файл и нажмите кнопку Закачать файл & установить. После установки появятся две большие кнопки «INSTALL» и «UPGRADE». Для новой установки нужно обязательно нажать INSTALL, иначе компонент Phoca Gallery работать не будет.

    Phoca Gallery отлично имеет очень много опций настройки, благодаря чему у пользователя есть большой выбор внешнего вида галереи [1]. Мне больше всего понравился вариант Highslide (Image only) — Highslide Image. Для сгенерированных изображений можно добавлять водяные знаки WaterMark — для защиты изображений от несанкционированного копирования.

    Фотогалерею Phoca Gallery можно и нужно русифицировать. Для этого по ссылке [3] найдите файл русификации «Russian (Русский) ru-RU.com_phocagallery.zip». Я скачал его по ссылке http://joomlacode.org/gf/download/frsrelease/13470/59620/ru-RU.com_phocagallery.zip. В этом архиве находятся два ini-файла, скопируйте их в папку administrator/language/ru-RU/ вашей установленной Joomla 1.5. После этого в админке компонент Phoca Gallery будет полностью русифицирован.

    Добавлять картинки в галерею можно как минимум двумя способами:

    1. Можно сначала по FTP закачать картинки прямо в www\images\phocagallery\ и подпапки, созданные там.

    2. Встроенными в Phoca Gallery средствами: Компоненты -> Phoca Gallery -> Images -> Multiple Add, три закладки Upload File. Не очень удобный инструмент, но может помочь, если FTP недоступен.

    После закачки картинок нужно добавить их в базу Phoca Gallery. Снова перейти в Компоненты -> Phoca Gallery -> Images, и нажать кнопку Multiple Add. В боксе Подробности появится список папок и изображений, которые уже записаны в www\images\phocagallery\. Нужно выбрать категорию, поставить галочки против нужных изображений и нажать кнопку Сохранить. Запустится процесс генерации иконок для изображений. При этом автоматически создадутся категории по названиям папок, имеющихся в папке phocagallery, и подкатегории этих категорий, если в эти папки входят другие папки. Т. е. автоматом получается иерархия хранения изображений, что очень удобно. Понятие категории в фотогалерее Phoca Gallery очень важно, так как именно по категориям распределяются изображения и именно категория отображается в виде галереи.

    После окончания генерации иконок оригиналы картинок (с целью экономии места на сервере) можно удалить, однако Вы при этом потеряете возможность перегенерировать иконки (если вдруг захотите поменять их размеры). Иконки (картинки) генерируются для каждой фотографии автоматически в соответствии с установками трех размеров — маленького, среднего и большого. Размеры картинок меняются меню настроек Phoca Gallery Control Panel -> Images and Windows Size Settings. Внимание — меняйте настройки до запуска генерации иконок/изображений, либо после смены настроек заново перегенерируйте изображения.

    После того, как картинки сгенерированы, можно галерею добавить как пункт меню, например так: Админка Joomla -> Меню -> Главное меню -> Создать -> в списке выберите тип пункта меню «Phoca Gallery». Новому пункту меню даете заголовок, например «Фотографии». Получите пункт меню, в котором будут все Ваши фотографии. Чтобы поменять внешний вид галереи (цвета), см. Темы. Если надо скрыть все подкатегории, ограничиться одной категорией или сделать что-то еще, поменяйте свойства Phoca Gallery через Компоненты -> Phoca Gallery -> кнопка «Настройки». См. также быстрый старт установки и настройки галереи [4].

    Если не хотите, чтобы при открытии галереи картинки отображались там в случайном порядке (это поведение по умолчанию после установки), то зайдите в Настройки -> Categories View Settings (List of Categories) -> Categories Image Ordering -> выберите тип сортировки. Я обычно выбираю Id Descending, что обеспечивает сортировку картинок в том порядке, в каком они были добавлены.

    [Phoca Gallery plugin]

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

    Установка плагина стандартная. По ссылке [6] скачайте plg_content_phocagallery_2.7.7.zip (или аналогичный файл более новой версии) и русский язык для плагина ru-RU.plg_content_phocagallery.zip. Далее в админке Joomla -> Extensions -> Install/Uninstall -> Select the file to install » Upload File & Install. После этого нужно включить (разрешить) плагин через Extensions -> Plugin Manager -> Phoca Gallery Plugin -> Enable Plugin.

    Русификация также проста (хотя русифицировать в плагине почти нечего): из файла ru-RU.plg_content_phocagallery.zip возьмите ini-файл и положите его в папку language/ru-RU вашей инсталляции Joomla 1.5.

    Как использовать см. [7]. Фотогалерея (или набор картинок) вставляется в статью с помощью тега phocagallery параметры. Далее примеры использования с описанием.

    [Практические примеры использования Phoca Gallery Plugin]

    1. Чтобы отобразить в статье все имеющиеся категории, тупо вставляем в нужное место статьи:

    phocagallery view=categories

    Выглядит это например так:

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

    2. Чтобы отобразить только одну категорию, то вставляем:

    phocagallery view=category|categoryid=15, где число 15 ID категории, который можно узнать из списка категорий (Компоненты -> Phoca Gallery -> Categories, столбец ID).

    3. phocagallery view=switchimage|switchheight=360|switchwidth=416|basicimageid=71 не работает на переключение, просто отображает одну картинку в полный размер.

    4. phocagallery view=category|categoryid=15|limitstart=0|limitcount=2|enableswitch=1 отображает две случайные иконки-картинки из категории изображений 15. Параметр limitstart указывает, с какой по счету картинки будет браться случайное изображение, limitcount указывает, сколько картинок отображать.

    5. phocagallery view=category|categoryid=7|imageid=0|limitstart=0|limitcount=2|
    fontcolor=#B88A00|bgcolor=#FFBF00|bgcolorhover=#BFFF00|imagebgcolor=#FFD24D|
    bordercolor=#B88A00|bordercolorhover=#86B300|detail=1|displayname=1|
    displaydetail=1|displaydownload=1|float=right

    отображает две случайные иконки-картинки из фотогалереи 7, цвет подписей с иконкам серый, есть кнопочка загрузки, лупы, цвет рамки желтый, расположены иконки справа в тексте статьи, причем текст огибает иконки. Параметр bordercolor задает цвет бордюра, а bordercolorhover — цвет бордюра при перемещении мышки по нему. Параметр float задает, что иконки должны быть справа.

    6. phocagallery view=category|categoryid=6|imageid=15|detail=0|overlib=1 отображает только иконку только одной картинки 15 из категории 6. Внимание: если картинка с не находится в категории с то никакая картинка не выведется. Параметр detail:

    0 — обычное модальное окно поверх страницы со всеми кнопками управления показом изображений (предыдущее, следующее, слайд-шоу и проч.).
    1 — то же самое, что и 0, только открывается для показа картинки отдельное окно браузера.
    2 — Modal Box (only image), простое модальное окно без кнопок управления.
    3 — Shadowbox, что и 2, только при открытии красивая анимация, кнопочка закрытия внизу, и вверху есть подпись к картинке.
    4 — Highslide JS, то же самое, что и 0, только окошко просмотра можно перемещать и менять его размеры.
    5 — Highslide JS (only image), появление предпросмотра с анимацией, также предпросмотр с красивой белой рамочкой, кнопки управления просмотра динамические — появляются только при перемещении курсора мыши по картинке. Мне этот вариант понравился больше всего.
    6 — JAK lightbox, оригинальное красивое модальное окно просмотра с черной рамкой.
    7 — No Popup, вместо иконки появляется полное изображение с кнопками управления просмотром и зеленой кнопкой перехода в галерею, где эта картинка находится. Не понравилось.
    8 — Slimbox — простейшее анимационно появляющееся окно с описанием картинки, рамка белая. Ничего особенного.
    9 — показывает только картинку с кнопками навигации. Похоже недоделанный режим. То же самое с числом 10 (дальше не проверял).

    Параметр overlib:

    0 — не влияет никак.
    1 — при перемещении мыши поверх иконки показывает полупрозрачное окошко предпросмотра картинки. Круто!
    2 — при перемещении мыши поверх иконки показывает полупрозрачное окошко с описанием картинки.
    3 — комбинация вариантов 1 и 2.

    Overlib Effect Settings -> Overlib Image Size -> 1/4

    7. phocagallery view=category|categoryid=7|imageid=180|detail=5|overlib=1|displayname=0|
    displaydetail=0|displaydownload=0

    Отобразить картинку из категории вариант просмотра detail=5, при наводе на картинку появляется полупрозрачный вид картинки, убрать отображение имени картинки (displayname=0), убрать отображение иконки лупы (displaydetail=0), убрать отображение иконки загрузки (displaydownload=0).

    8. phocagallery view=category|categoryid=7|imageid=180|detail=5|overlib=1|displayname=0|
    displaydownload=0|displaydetail=0|bordercolor=transparent

    Убрать бордюр (то же самое, что и 7, только без серого тонкого бордюра). Вообще bordercolor позволяет еще установить цвет бордюра.

    Для картинок есть опция переключения Switch (Swap) Image — сверху над иконками галереи отображается картинка предпросмотра. Не очень понравилось, работает довольно медленно, не все картинки загружаются.

    Примечания для всех примеров — вместо правой и левой фигурных скобок <> в статье использовались картинки. Все опции тега phocagallery должны быть введены друг за другом без пробелов и переводов строки. Текст тега phocagallery не должен иметь никаких атрибутов (типа Bold или специально заданного шрифта) — просто чистый текст.

    Источник

    Читайте также:  Mta настройки для управления
    Adblock
    detector