Блог Ягнёнка

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

Сразу хочу отметить то, что JWallpapers компонент платный, стоит он порядка 20 евро. Но как вы знаете в сети можно найти многие платные компоненты на различных варезниках. Конечно это будет не последняя версия, но зато общий функионанальный набор вы получите. Так поступил и я, найдя путешествующий по сети архив с версией 2.0.1, тогда как на момент напиания данного поста разработчики только что выпустили версию 2.2. Вы можете купить данный продукт на официальном сайте, или скачать ту версию которая пока слита в сеть на депозит по этой ссылке Jwallpapers-2.0.zip. Сначала архив нужно распаковать.

Почему разработчики так хвалят свой набор для создания галереи на Joomla? Прежде всего потому, что вы сразу получаете сам компонент, плагин для его корректной интеграции в JoomFish (если конечно планируете делать сайт на разных языках), несколько стандартных модулей, который выводят самые популярные, лидирующие по рейтингу или новые изображения из галереи. Также в коробке есть отдельный модуль для вывода облачка тегов. Плюс к этому еще прилагается плагин для вставки изображений из галереи в тексты стандартных материалов джумлы, плагин для возможности поиска по изображениям через стандартный модуль поиска, а также приятные мелочи в виде расширений для популярных компонентов генератора чпу sh404sef и карты сайта xmap, ну и возможность интеграции дополнительных вкладок в профиль пользователя CommunityBuilder. В принципе как показала практика, все это полезно и нужно, перейдем собственно к админке настроек компонента.

1. Главная вкладка Settings в JWallpapers выглядит следующим образом:

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

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

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

Компонент может обрабатывать изображения 2 различными библиотеками, в зависимости от той, которая установлена на вашем хостинге, это GD и Imagick. Проверить работоспособность компонента на хостинге перед началом работы можно нажав на кнопочку Check your config. Также администратору выпадает возможность установить качество картинок, на скриншоте стоит 100, но если поджимает сильно дисковое пространство, то можно оставить и 80, в принципе глаз резать сильно не будет.

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

2. Вкладка под названием Layout & Display.

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

Достаточно удачной считаю разметку 4х6 со 100% установленной шириной основной зоны просмотра фото, вот например, галерея фото знаменитостей photosee.ru использует такую разметку, вот так выглядит страница просмотра обоев с Джессикой Альба.

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

3. Вкладка SEF.

Авторы JWallpapers изначально позаботились о человекоподобных ссылках в своем продукте как для родного sef так и для компонента sh404sef. Расширение для последнего есть в архиве с компонентом, а глобальные настройки устанавливаются на этой владке.

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

4. Вкладка 3rd party.

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

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

5. Вкладка Uploads and Downloads.

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

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

6. Вкладка Resizing options.

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

Метод создания тумбиков Maintain Aspect создает пропорциональные превью изображений, тогда как метод Crop вырезает середину фото. Последний предпочтителен, при создании галереи фото природы, но никак не людей, так как при вертикальном расположении фото обрубает людям головы и ноги.  При указание ширины превьюшек, ставьте высоту 0, тогда компонент будет генерировать изображения пропорционально ширине, без искажений.

7. Вкладка Tags.

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

Ну для начала собственно этого достаточно. Теперь создаем категории через меню Manage Categoris и загружаем фото.  После чего создаем меню по стандартной схеме публикования меню на сайте, выбрав в типе меню JWallpapers main gallery view.