Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте

Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня в рамках рубрики «Расширения для Joomla» мы продолжим разговор об очень симпатичной и функциональной фотогалереи для Joomla 1.5 — Phoca Gallery. При всей своей простоте фотогалерея Phoca Gallery позволяет реализовать массу возможностей, в том числе и разнообразные слайдшоу для Joomla. Для создания большой, содержащей много категорий фотогалереи с возможность просмотра slideshow на страницах Joomla сайта, можно будет воспользоваться компонентом Phoca Gallery.

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

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

• Возможности фотогалереи для Joomla на основе компонента Phoca Gallery
• Установка на Joomla компонента фотогалереи Phoca Gallery и его русификация
• Установка на Joomla плагина фотогалереи Phoca Gallery Plugin и его русификация

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

Настройка компонента фотогалереи и слайдшоу для Joomla — Phoca Gallery

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

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

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

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

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

Настроек у этой бесплатной галереи и slideshow для Joomla очень много и если рассказывать обо всех из них, то на это понадобится не одна статья. Я остановлюсь только на тех настройках, которые, по-моему мнению, являются значимыми. Все остальное вы сможете настроить сами, благо бесплатный компонент Phoca Gallery полностью русифицирован (Установка на Joomla компонента фотогалереи Phoca Gallery и его русификация).

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

В следующей области настроек галереи и слайдшоу Phoca Gallery под названием «Установки вида категории (Категории)» вы можете настроить внешний вид отображения эскизов в списке категорий этой фотогалереи для Joomla. Будет ли вместо папки отображаться случайное изображение из папки с этой категорией галереи, показывать ли внутри категории кнопку возврата в список категорий, во сколько колонок будут расположены категории фотогалереи в списке и многое другое:

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

Выбираем между Highslide и Lightbox в настройках Phoca Gallery для фотогалереи и слайд шоу в Joomla

Следующей важной областью настроек Phoca Gallery является «Настройки детального вида». Здесь в области «Окно деталей» вы сможете выбрать способ, который будет использоваться для показа детального изображения (большой копии изображения), после того, как посетитель вашего Joomla сайта щелкнет по эскизу этого изображения в галереи или slideshow:

Вы можете посмотреть на своем Joomla сайте, как будут выглядеть все предложенные варианты на вашей экспериментальной фотогалереи или слайд шоу, состоящей из нескольких фотографий. В основном вам придется выбирать между двумя основными способами показа — Highslide и Lightbox. Кому что нравится. Lightbox более популярен, а Highslide более эффектный.

Для этого вам нужно будет выбрать один из вариантов показа детального изображения (Highslide или Lightbox) в поле «Окно деталей» и нажать на кнопку «Сохранить», расположенную в самом верху страницы настроек фотогалереи Phoca Gallery (вам придется прокрутить окно настроек до самого верха). Посмотрев выбранный вариант на примере вашей галереи в Joomla, вы можете либо остановиться на нем, либо продолжить выбор, опять вернувшись в настройки фотогалереи и slideshow Phoca Gallery и выбрав из списка «Окно деталей» другой способ.

Лично мне больше всего импонирует вариант «Highslide JS (только изображения)», хотя и Lightbox тоже вполне даже ничего. При этом все открытые изображения на странице Joomla можно растащить мышью по экрану для их сравнительного просмотра. Закрываются открытые изображения щелчком по ним мышью.

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

Следующей важной настройкой галереи и слайд шоу Phoca Gallery, на мой взгляд, является «Слайд-шоу настройки», где вы можете задать время задержки между показом фотографий и ряд других параметров для slideshow в Joomla:

Настройка добавления водяных знаков (Watermark) к изображениям в галереи и слайдшоу Phoca Gallery

В первой статье по Phoca Gallery я уже упоминал о возможности автоматического добавления в этой фотогалереи для Joomla водяных знаков (Watermark) на все загружаемые изображения. Теперь давайте в деталях рассмотрим, как можно настроить добавление водяных знаков в галерее и слайд шоу Phoca Gallery. Во-первых, нужно будет найти в настройках галереи Phoca Gallery область «Настройки водяного знака» и в поле «Создать водяной знак» выбрать вариант «Да». А в полях «X-позиция водяного знака» и «Y-позиция водяного знака» — выбрать положение водяного знака на изображении:

Для применения этих установок прокручиваете окно с настройками этой галереи и слайдшоу для Joomla до верха и нажимаете на кнопку «Сохранить». Но этим мы только активировали функцию автоматического добавления водяного знака (Watermark) на все загружаемые на сервер с Joomla изображения, а что у нас будет использоваться в качестве водяного знака мы так и не настроили. Но настраивать ничего больше и не надо, достаточно будет лишь создать два файла с изображениями водяных знаков в формате PNG, например, в Фотошопе.

Эти файлы следует назвать WATERMARK-LARGE.PNG (для добавления водяного знака на детальные изображения фотогалереи ) и WATERMARK-MEDIUM.PNG (для добавления водяных знаков на эскизы изображений галереи или слайдшоу). Если на эскизы добавлять водяные знаки вы не хотите, то просто не создавайте этот файл. Теперь эти файлы водяных знаков нужно будет скопировать на сервер с Joomla в папку (Как получить доступ к сайту по FTP с помощью программы FileZilla), где будут храниться загружаемые изображения фотогалереи или слайд шоу Phoca Gallery. Обычно это папка Joomla:

/images/phocagallery/

Но это будет справедливо только в том случае, если вы планируете загружать все изображения в одну папку Joomla. А если вы будете загружать изображения для разных категорий галереи и slideshow Phoca Gallery в разные папки Joomla (создавая их в папке /images/phocagallery/), то у вас появится возможность автоматически добавлять к изображениям из разных категорий Phoca Gallery разные изображения водяных знаков. В этом случае нужно будет создать нужное количество пар файлов WATERMARK-LARGE.PNG и WATERMARK-MEDIUM.PNG и загрузить их по FTP в папки разных категорий изображений:

/images/phocagallery/название папки, где будут храниться изображения из какой-либо категории Phoca Gallery

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

Настройка размера изображений в фотогалереи и слайдшоу для Joomla — Phoca Gallery

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

• совсем маленького эскиза, который будет использоваться в админке Phoca Gallery
• среднего эскиза, который будет отображаться на страницах фотогалереи или slideshow в Joomla
• большого детального изображения, которое будет показываться при щелчке мышью по эскизу на странице фотогалереи или слайдшоу в Joomla

Так вот, в области «Настройки размера изображения и окна» вы сможете задать ширину и высоту в пикселах для всех трех копий загружаемого в фотогалерею или слайд шоу Phoca Gallery изображений:

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

На этом, наверное, вторую часть статьи «Фотогалерея и слайд шоу для Joomla — Phoca Gallery» можно считать законченной. Можно было бы попробовать уложиться в рамки статьи, рассказав еще и о создании категорий и добавлении изображений в Phoca Gallery, но про плагин фотогалереи Phoca Gallery Plugin рассказать в рамках этой же статьи уже не получилось бы.

Поэтому я решил написать о создании фотогалереи на основе компонента Phoca Gallery и плагина Phoca Gallery Plugin уже в третьей части статьи, посвященной этой замечательной бесплатной фотогалереи и slideshow для Joomla. Если вам интересна эта тема и вы еще не подписались на новостную ленту этого сайта, то обязательно подпишитесь (через RSS или E-mail), чтобы ничего не пропустить.

Можете также посмотреть видео «Создание фотогалереи в Joomla»:

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

Вы так же можете ознакомиться с другими материалами по Joomla:

• Самоучитель Joomla
  • Что такое веб сайт, интернет и WWW
  • CMS - движок для сайта
  • Создание сайта бесплатно - как сделать самому сайт на Joomla
  • CMS Joomla – принципы работы бесплатной системы управления контентом
  • Joomla 1.5 - где скачать и как установить
  • Как обновить joomla, где скачать файлы обновления
  • Визуальный редактор Jce, оптимальная настройка Title, активация ЧПУ (SEF) в Joomla
  • Шаблоны Joomla - где скачать и как установить
  • Меню в Joomla - без него никак
  • Пункты меню Joomla - без них в Джумла не могут существовать страницы
  • Джумла - организация контента
  • Админка Joomla - с чего начать
  • Модули Joomla - создание и просмотр позиций для модулей
  • Сайты сделанные на joomla, примеры
• Расширения для Joomla
  • Расширения для Joomla (компоненты, модули, плагины) — где скачать, как установить и удалить
  • Xmap - создание карты сайта (sitemap) для Joomla
  • ARTIO JoomSEF — ЧПУ (человеко-понятные URL страниц сайта) в Joomla
  • JoomlaPack - резервное копирование (бэкап) в Joomla
  • Phoca Gallery - бесплатная фотогалерея для Joomla 1.5
  • JComments - комментарии для joomla с captcha
  • K2 для joomla - создание блогов, каталогов и порталов на Джумла
  • TinyMCE, Load Module, Legacy - плагины Joomla
  • Форум SMF и Joomla

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Очень обяжете, если воспользуетесь этим блоком кнопок:

Рубрика : Расширения для Joomla

Наверх