Online service by OceanTheme are is a platform where people can unite with each other with mutual interest to purchase premium templates and extensions Joomla! at a bargain price. The target audience of the service are individuals and small and medium businesses, professional web developers to create online stores, community sites or people wishing to have your blog. In our great collection of premium solutions everyone will find what he needs.
Our resource acts as an organizer pooling, specifies the number of people that you want to buy templates and extensions, the cost of goods, as well as the amount and access to these materials. Our website has a lot of opportunities for easy searching of templates and extensions. Intuitive navigation, tagging system, sorting by the filter and the tool "add to bookmarks" will allow you to find the right material you want incredibly fast. In addition You will always find the latest information, so as to update the collection every day.
Access to the entire database of materials is provided for the duration of the club specified in the subscription purse. Subscribers receive unrestricted access to all available archives, news and updates, as well as technical support throughout the subscription period.
All the products you can find on this site are 100% GPL-compatible, which means you can change them as you want and install on unlimited number of sites.
Thanks to our collection you will save a lot of time and money, as the templates and extensions easy to use, easy to install and configure, multi-functional and diverse. That will allow you to create a website of any complexity and orientation, without learning advanced web development technologies.
Main features of our website
A rich set of functions, working out of the box:
Use all opportunities of our resource to get ready-made professional solution for rapid implementation of your business projects or creative ideas.
Use the search tools
Use advanced search and filtering, and easy navigation for quickly finding the desired web solutions in design, functionality and other criteria.
To favorite materials were always at hand, use the unique function "Add to favorites", and they are available in a separate section for the whole year.
Logged into our site, you will be able to leave comments and to participate in promotions, as well as use of a free subscription with permium access.
Join our club membership
Club subscription gives you full access to our entire catalogue of original material. And includes premium templates and extensions for several years.
Download appropriate to your Joomla templates and extensions, both free and subscription for the club without any limits and ogoranicheny speed.
If you liked any material on the site, you can leave your voice, as well as share it with friends via social networks.
Здравствуйте, уважаемые читатели блога сайт. Сегодня речь пойдет об одном из лучших бесплатных расширений, которое позволяет реализовать полноценную фотогалерею на Joomla. Для этих целей мы будет использовать продукцию компании Phoca — компонент Phoca Gallery и одноименный плагин.
Можно так же осуществить привязку фотографий к положению на географической карте Google — «Gallery Categories Map ».
Кроме этого ваши посетители получат возможность оценивать фото, оставлять комментарии к ним, просматривать статистику и видеть их географическую привязку. При этом сами пользователи получат возможность загружать фотографии, если вы им это позволите в настройках.
Кроме различных вариантов организации фотогалерей в Joomla, вы сможете выбирать еще и способ просмотра полноразмерных фото при щелчке мыши по их превьюшкам. Посмотреть и попробовать в действии все эти варианты сможете, переходя по пунктам меню демо-сайта в области «Category View».
Лично мне больше всего нравится способ «Highslide (Image only) », но, как говорится, на вкус и цвет — товарищей нет.
С тех пор, как я последний раз ее ставил, оказывается прошло уже довольно много времени, или же это разработчики так быстро добавляют новые способы просмотра фотографий. Во всяком случае, «Coolirs 3D Wall » и «JAK Lightbox » раньше у них не замечал. Молодцы разработчики, что и говорить, так интенсивно развивают бесплатный проект. Респект им и уважуха, как говорится.
В общем, поиграйтесь сами на демо-сайте Phoca со всевозможными способами показа для того, чтобы потом в настройках компонента осознанно выбирать тот или иной вариант. О, нашел еще один интересный способ — «Youtube ». Потрясно, фотогалерея позволяет добавлять и выводить с помощью Lightbox ролики с Youtube.
Да, еще у них реализована возможность автоматически добавлять водяной знак (Watermark) на все или только на отдельные фото из создаваемой вами галереи. Очень полезная возможность для тех, кто выкладывает уникальные фотки и не хочет допустить их бесконтрольное растаскивание.
Пример водяного знака можно увидеть на странице «Watermark ». Причем, он вовсе не обязательно должен располагаться посередине фотографии, как показано в примере. Положение водяного знака можно будет задать в настройках компонента Phoca Gallery.
Вам правда потребуется создать файлик с его графическим изображением в формате PNG ( и какой именно лучше всего использовать) и загрузить его на хостинг. В общем то, можно водяной знак нанести и предварительно на своем компьютере — в пакетном режиме в .
Если рассматривать функционально, то стоит сказать, что данный компонент автоматически создает из загружаемых фотографий несколько вариантов изображений разного размера. Одни из них используются в качестве превьюшек при просмотре категорий фотогалереи, другие представляют из себя большие варианты фоток, которые демонстрируются при щелчке по превьюшке.
В его настройках вы сможете задать как размер создаваемых превьюшек, так и размер полноразмерных фотографий. Вот именно в момент преобразования загружаемых изображений и будет подмешиваться в результирующее изображение водяной знак.
Похоже, что Phoca Gallery умеет работать даже с фотографиями, которые находятся на сервере Google в , во всяком случае об этом говорится « ». Не могу это утверждать наверняка, ибо не пользовался этой возможностью.
Если вы захотите еще и русифицировать их, то вам нужно дополнительно скачать отсюда и отсюда пакеты русификации для них.
Для установки Фока Галери на Joomla нужно в админке выбрать из верхнего меню пункты «Расширения»- «Установить/Удалить». В открывшемся окне в области «Загрузить файл пакета» нажмите на кнопку «Обзор», найдите на своем компьютере только что скачанный архив с компонентом, а затем нажмите на кнопку «Загрузить файл&Установить»:
Joomla отрапортует вам об успешной установке, но вам еще нужно будет выбрать, что именно вы в данный момент проделали — установили компонент впервые (нужно будет нажать на кнопку «Install») или же обновили уже установленный ранее на более новую версию (жмем на кнопку «Upgrade»).
После этого вас перекинет на главную админки Phoca Gallery. Многие надписи будут на английском, поэтому для его русификации нужно распаковать архив с русским языковым пакетом ru-RU.com_phocagallery.zip , который вы скачали ранее. Внутри архива будут находиться два файла, которые нужно будет загрузить на сервер хостинга в папку с локализациями различных расширений Joomla.
Для начала нужно будет подключиться к своему сайту . Затем находите среди файлов и папок вашего сайта (в FileZilla каталоги удаленного сервера расположены в правом окне) директорию:
Открываете эту папку и копируете в нее из левого окна FileZilla (там доступны объекты, расположенные на вашем компьютере) два файла русификации — ru-RU.com_phocagallery.ini и ru-RU.com_phocagallery.menu.ini . Теперь, зайдя на админку компонента («Компоненты» — «Phoca Gallery»), вы увидите, что все надписи отображаются на русском.
Правда, если по каким-либо причинам админка самой Joomla у вас не русифицирована , то у вас по прежнему все останется по англицки. Т.е. в этом случае вам придется предварительно русифицировать админку Джумлы и выбрать для нее русский язык — языком по умолчанию. Для начала вам необходимо будет скачать русский языковой пакет .
Потом его распаковать и скопировать все файлы, содержащиеся в нем, на сервер в папку:
/administrator/language/ru-RU
Если папки «ru-RU» в «/administrator/language/» не обнаружите, то вам нужно будет ее создать, щелкнув правой кнопкой в FileZilla и выбрав из контекстного меню пункт «Создать каталог». Проверьте права доступа для этого каталога и при необходимости измените их на 755 ().
После этого в админке Joomla вам нужно выбрать в верхнем меню «Расширения» — «Менеджер языков», перейти на открывшейся странице на вкладку «Административная панель», поставить галочку напротив русского языка и нажать на кнопку «По умолчанию», расположенную вверху страницы справа:
Настройки Phoca Gallery (водяные знаки, размеры и эффекты)
Прежде, чем приступать к формированию категорий будущих фотогалерей и , а так же начинать загрузку фотографий, давайте для начала рассмотрим настройки этого компонента. Дело в том, что при загрузке изображений с вашего компьютера на сервер хостинга, происходит автоматическое создание из них трех ее копий разного размера.
Самая маленькая копия используется в админке Phoca Gallery, чтобы при просмотре списка фотографий вы могли бы понимать, что это за изображения. Чуть бОльшие копии используются на страницах галерей в качестве превьюшек (мини-изображений), щелкнув по которым можно будет увидеть самые большие копии, получаемых из основных картинок, загружаемых на сервер.
Так вот, если вы закинете на сервер все нужные вам фотки, а потом решите, что, например, большое изображение, получаемое из них, не достаточно большое, то вам придется проделать лишнюю работу: в настройках компонента выбрать нужный размер для создаваемых больших и маленьких копий, а затем удалить и пересоздать эскизы для всех уже загруженных в Joomla изображений.
Поэтому я сначала советую поэкспериментировать с настройками , загружая на сервер лишь несколько фотографий. Далее вам нужно смотреть полученный результат и вносить коррективы в настройки. И лишь после внесения всех необходимых корректив можно приступать к полномасштабной заливке всех фото во все нужные категории галереи.
Итак, выберите из верхнего меню админки пункты «Компоненты» — «Phoca Gallery». В правом верхнем углу нужно будет нажать на кнопку «Параметры». В результате, во всплывающем окне откроется перечень настроек этого компонента.
Их довольно много и если рассказывать обо всех, то на это понадобится не одна статья. Я остановлюсь только на тех, которые, по-моему мнению, являются значимыми. Все остальное вы сможете попробовать сами, благо бесплатная фотогалерея полностью русифицирована.
В начале списка идут настройки, задающие отображение эскизов и других элементов в категориях галереи. Здесь я практически все оставил без изменения за исключением того, что убрал из под превьюшек (мини-изображений) кнопки детального просмотра, загрузки и иконки папки (выбрал из выпадающего списка вариант «Скрыть» для этих полей):
В следующей области «Установки вида категории» можете настроить внешний вид отображения эскизов в их списке. Будет ли вместо папки отображаться случайное изображение из этой категории, показывать ли внутри кнопку возврата в список, во сколько колонок они будут расположены в списке и многое другое:
Для просмотра более детальной информации о назначении данного пункта настройки, подведите и немного задержите курсор мыши на названии интересующего вам пункта. В результате появится всплывающая подсказка с более детальным описанием:
Выбираем между эффектами Highslide и Lightbox в настройках
Следующей важной областью является «Настройки детального вида». Здесь в области «Окно деталей» вы сможете выбрать способ, который будет использоваться для показа большой копии изображения, после того, как посетитель вашего сайта щелкнет по его эскизу в галереи или slideshow:
Вы можете посмотреть, как будут выглядеть все предложенные варианты на вашей экспериментальной фотогалереи, состоящей из нескольких фотографий. В основном вам придется выбирать между двумя основными способами показа — Highslide и Lightbox. Кому что нравится. Lightbox более популярен, а Highslide более эффектный.
Для этого вам нужно будет выбрать один из вариантов показа детального изображения (Highslide или Lightbox) в поле «Окно деталей» и нажать на кнопку «Сохранить», расположенную в самом верху.
Посмотрев выбранный вариант в работе, можете либо остановиться на нем, либо продолжить выбор, опять вернувшись в настройки Phoca Gallery и выбрав из списка другой способ.
Лично мне больше всего импонирует вариант «Highslide JS (только изображения)», хотя и Lightbox тоже вполне даже ничего. При этом все открытые фото на странице можно будет растащить мышью по экрану для их сравнительного просмотра. Закрываются открытые фотки щелчком по ним мышью. Прикольно.
Кроме этого, в данной галереи можно осуществлять просмотр и перемещение между фотографиями (в том числе и использовать слайдшоу) не только с помощью кнопок, отображаемых в верхней части окна просмотра, но и с помощью кнопок на клавиатуре (Enter открывает и сворачивает фото, стрелочки позволяют перемещаться взад или вперед по ним, а пробел на клавиатуре запускает slideshow).
Следующей важной областью, на мой взгляд, является «Слайд-шоу», где вы можете задать время задержки между показом фотографий и ряд других параметров для slideshow в Joomla:
Добавление водяных знаков (Watermark) к изображениям в галерее
В начале этой публикации я уже упоминал о возможности автоматического добавления в этой фотогалереи водяных знаков (Watermark) на все загружаемые изображения. Теперь давайте в деталях рассмотрим, как это можно настроить.
Во-первых, нужно будет найти область «Настройки водяного знака» и в поле «Создать водяной знак» выбрать вариант «Да». А в полях «X-позиция водяного знака» и «Y-позиция водяного знака» — выбрать его положение на картинке:
Для применения этих установок прокручиваете окно до верха и нажимаете на кнопку «Сохранить». Но этим мы только активировали функцию автоматического добавления Watermark на все загружаемые на сервер изображения, а что у нас будет использоваться в качестве него, мы так и не настроили.
Но, собственно, настраивать ничего больше и не надо, достаточно лишь создать два графический файла водяных знаков в формате PNG, например, в Фотошопе или .
Их следует назвать WATERMARK-LARGE.PNG (для добавления на большую копию) и WATERMARK-MEDIUM.PNG (для добавления на эскизы). Если на эскизы добавлять водяные знаки вы не хотите, то просто не создавайте этот файл. Теперь их нужно будет скопировать на сервер в папку, где будут храниться загружаемые фотографии. Обычно это:
/images/phocagallery/
Но это будет справедливо только в том случае, если вы планируете загружать все изображения в одну папку. А если вы будете заливать фото для разных категорий галереи в разные папки (создавая их в каталоге /images/phocagallery/), то у вас появится возможность автоматически добавлять к изображениям из разных категорий разные водяные знаки.
В этом случае нужно создать нужное количество пар файлов WATERMARK-LARGE.PNG и WATERMARK-MEDIUM.PNG, и загрузить их по FTP в папки разных категорий:
/images/phocagallery/название
Картинки из этих файлов водяных знаков будут накладываться на эскиз (если захотите) и на большую копию в той позиции, которую вы чуть ранее выбрали в настройках. Наложение Watermark будет происходить в момент загрузки изображений на сервер с Joomla, следовательно, для уже залитых фото этот знак добавлен не будет.
Вам придется из админки Phoca Gallery пересоздать эскизы для всех этих фотографий или же вообще удалить их с сервера и загрузить потом заново. Но лучше всего, как я и говорил выше, сначала произвести все нужные настройки фотогалереи, а уже потом заниматься загрузкой картинок на сервер.
Настройка размера изображений в фотогалереи и слайдшоу
Следующей важной областью настроек является «Настройки размера изображения и окна». Здесь вы можете задать размер копий загружаемых на сервер фоток. Если помните, то в начале статьи я упоминал, что при заливке происходит автоматическое создание из каждого изображения трех копий (про предварительное на компьютере можно забыть):
- совсем маленького эскиза, который будет использоваться в админке
- среднего эскиза, который будет отображаться на страницах фотогалереи
- большого детального изображения, которое будет показываться при щелчке мышью по эскизу
Так вот, в области «Настройки размера изображения и окна» вы сможете задать ширину и высоту в пикселах для всех трех копий:
Изменять их размеры имеет смысл сразу же после начала работы с Phoca Gallery и перед началом массовой загрузки изображений в фотогалерею или слайдшоу. Иначе вам придется повторять заливку заново.
Создание категорий и загрузка фотографий в Phoca Gallery
Теперь нам нужно будет точно так же, как и в самой Joomla, продумать структуру категорий для будущей галереи.
Но в отличии от Джумлы, где используется двухуровневая схема вложенности материалов (разделы и рубрики), в Phoca Gallery у нас будет возможность создавать категорий галереи со сколь угодно большим уровнем вложенности. Но обо всем по порядку.
Для начала нам нужно выбрать из верхнего меню админки пункты «Компоненты» — «Phoca Gallery» — «Категории». В открывшемся окне вы увидите список всех уже созданных вами категорий:
Для создания новой вам нужно нажать на кнопку «Создать», расположенную вверху страницы. В результате откроется окно, где сможете задать настройки для новой категории нашей будущей галереи:
В поле «Заголовок» нужно ввести название, которое будет видно посетителям на сайте при просмотре всех категорий фотогалереи. В поле «Псевдоним» можете латиницей ввести то же самое название, разделяя слова знаками тире (знак подчеркивания «_» лучше не использовать, т.к. бытует мнение, что его не очень хорошо воспринимают поисковые системы).
Для чего нужно заполнять поле «Псевдоним»? — спросите вы. Нужно это только в том случае, если вы используете предусмотренные в Joomla возможности по созданию человеко-понятных URL (ЧПУ или SEF оптимизированных адресов вебстраниц вашего Джумла-сайта). Если вы не совсем понимаете, что такое ЧПУ и как его активировать, то советую почитать c использованием стандартных средств.
В поле «Родительская» можете выбрать при желании родителя, в которого будет вложена создаваемая вами категория. Уровень вложенности не ограничен и все зависит от ваших потребностей. В поле «Доступ» можете выбрать, кому она будет доступна для просмотра.
По умолчанию выбран вариант «Всем», но при желании вы можете сделать так, чтобы ее могли видеть либо только зарегистрированные пользователи (вариант «Registered»), либо вообще только администраторы (вариант «Специальный»).
Это были стандартные настройки доступа. Но далее уже последуют поля, которые позволят задать специфические права на просмотр, добавление и удаление изображений из этой категории фотогалереи для Joomla.
Дело в том, что этот компонент имеет очень большой функционал и позволяет управлять фотографиями в различных категориях не только администраторам, но и обычным зарегистрировавшимся пользователям.
Поля «Права доступа пользователей», «Права пользователя на загрузку и добавление» и «Права пользователя на удаление и публикацию» позволяют вам выбрать кому:
- будет позволено просматривать фото
- будет позволено загружать и добавлять изображения
- будет позволено публиковать загруженные другими пользователями фотографии или даже удалять их из данной категории. Фактически, в поле «Права пользователя на удаление и публикацию», вы сможете выбрать из списка всех зарегистрировавшихся на вашем Joomla сайте тех, кто будет являться полноправным администратором фотогалереи
Хочу обратить ваше внимание на то, что по умолчанию просматривать изображения будет позволено всем посетителям вашего сайта, а добавлять и администрировать фото не будет разрешено никому (кроме вас, конечно же). Лично я не пробовал организовывать галерею, в которую картинки могли бы добавлять обычные посетители, но, думаю, что проблем с этим возникнуть не должно.
Дальше на странице настройки следуют поля, позволяющие осуществить привязку загружаемых изображений к определенному месту на карте Гугла. Но для этого вам нужно будет предварительно получить ключ Google Maps API для того, чтобы смогли использовать его карту на своем сайте.
Лично я не делал привязки фотографий к карте, но опыт работы с Google Maps у меня все же есть, т.к. я прикрутил подобную карту к странице с контактами. Принцип получения ключа остается прежним. Сначала вы можете почитать о , а затем зарегистрировать свой проект в этой системе и получить ключ, который будет работать только на том ресурсе, доменное имя которого вы укажете при регистрации.
Зарегистрироваться для получения ключа вы можете , а полученный API Карт Google вам нужно будет ввести в настройках компонента фотогалереи в области «Geotagging настройки» в поле «Google Maps API ключ».
Остальные настройки можете задавать по своему усмотрению. Кроме этого, вы можете задать описание для этой категории.
Для вывода описания нужно будет найти область настроек «Настройки вида» и в пункте «Стиль отображения» выбрать вариант «Категории, изображения и детальная информация»:
Аналогичным образом вам нужно будет создать требуемое количество категорий в Phoca Gallery и затем уже приступать к добавлению изображений в них.
На втором этапе мы должны выбрать категорию, куда будем осуществлять заливку, после чего начнется их автоматическая переделка средствами компонента Phoca Gallery. Для каждой загруженной фотографии будет создано три ее копии разного размера, которые будут помещены в папку /images/phocagallery/thumbs .
Размеры создаваемых копий настраиваются в параметрах компонента и об этом я уже писал чуть выше. Копия самого маленького размера будет использоваться для просмотра превьюшек в админке Phoca Gallery.
Копия среднего размера будет выводиться на страницах фотогалереи в качестве превьюшки, а копия самого большого размера — показываться посетителям при щелчке по превьшке. Но обо всем по порядку.
Загрузка одного изображения в галерею для Joomla
Итак, нам для начала нужно осуществить загрузку графических файлов на сервер. Сделать это можно несколькими способами. Во-первых, если вам потребуется добавить только одно изображение, то вы можете воспользоваться встроенным мастером — «Компоненты» — «Phoca Gallery» — «Изображения».
В открывшемся окне увидите список всех уже залитых ранее фотографий и вам останется лишь нажать на кнопку «Создать», для добавления новой. В результате чего откроется окно мастера:
Заполняете поле «Название», содержимое которого в последствии будет помещено в . Название должно включать ключевые слова, если хотите, .
В поле «Опубликовано» вы определяете, будет ли показано загружаемое фото в категории, которую вы выберете чуть ниже из выпадающего списка. Остальные поля заполняете по желанию, а для загрузки вам нужно будет нажать на кнопку «Изображение», расположенную напротив поля «Название файла». После чего увидите содержащиеся в папке /images/phocagallery файлы.
В принципе, вы могли бы заранее подключиться в вашему сайту по FTP и загрузить графический файл с нужным вам фото в папку /images/phocagallery . В этом случае вам нужно будет лишь найти это изображение в открывшемся окне и щелкнуть по нему мышь. В результате наименование файла будет автоматически скопировано в поле «Название».
Если по ФТП вы файл с фоткой не загружали и не собираетесь, то можете воспользоваться встроенным загрузчиком, форма которого расположена внизу окна добавления изображения в фотогалерею:
Ну, и после заполнения всех остальных полей, которые вы посчитаете нужными, для окончания процесса нужно будет нажать на кнопку «Сохранить», расположенную вверху.
Но о создании различных пунктов меню для вывода содержимого фотогалереи на страницы сайта, мы поговорим более подробно в следующей статье этой серии про одноименный плагин.
Добавление сразу нескольких фотографий
Мы только что научились добавлять одно изображение в галерею, а теперь давайте рассмотрим пакетную заливку фотографий. В принципе, все очень похоже. Нам нужно будет опять выбрать из верхнего меню «Компоненты» — «Phoca Gallery» — «Изображения».
На открывшейся странице увидите список файлов с изображениями, которые в данный момент находятся в папке /images/phocagallery . Если здесь нет тех фотографий, которые вы хотели бы добавить в одну из категорий, то вам придется их загрузить в эту папку.
Лично я использую самый простой, с моей точки зрения способ — заливка по FTP. Я подключаюсь к сайту через программы Filezilla и в ее правом окне открываю папку /images/phocagallery , а в левом — папку на жестком диске своего компьютера с нужными мне графическими файлами. Выделяю нужные и выбираю из контекстного меню правой кнопки мыши «Закачать на сервер».
Но так же вы можете воспользоваться и встроенным в компонент JAVA или FLASH загрузчиками. Их найдете, прокрутив окно до конца вниз.
Для их работы понадобится установить в операционную систему либо JAVA машину, либо Flash плеер, если их у вас до этого не было. В случае использования JAVA загрузчика нужно будет выбрать необходимые файлы изображений на жестком диске своего компьютера, а затем нажать на кнопку «Загрузить»:
Я обычно все закачиваю в папку /images/phocagallery по FTP, а затем помечаю галочками нужные мне фотографии, после чего выбираю из выпадающего списка поля «Категория» ту, в которую они должны попасть, ставлю галочку в положение «Да» в поле «Опубликовано» и жму на кнопку «Сохранить», расположенную вверху:
Собственно, вот и все.
Для того, чтобы вновь добавленные в Phoca Gallery изображения оказались вверху списка, щелкните по заголовку последнего столбца «ID» так, чтобы фото с наибольшим ID (добавленные последними) оказались вверху списка:
Вывод содержимого фотогалереи с помощью пунктов меню
Теперь пора приступать к выводу содержимого фотогалереи на страницы сайта. Сделать это можно тремя способами. Во-первых, можно будет создать соответствующие пункты для Phoca Gallery, и тогда все будет выводиться в области шаблона, предназначенной для вывода контента (где обычно выводятся статьи).
Во-вторых, можно использовать модули галереи Menu Module и Tree Module , которые вам позволят вставить в нужные позиции вашего шаблона меню галереи в древовидном и обычном виде.
Пример такого модуля сможете увидеть на сайте разработчиков в правой колонке — Tree Menu. Кроме этого можно выводить любые изображения из нее с помощью модуля PImage Module .
В-третьих, содержимое галереи так же можно будет выводить и внутри статей с помощью плагина. Для этого не потребуется создавать дополнительных пунктов меню — нужно всего лишь вставить в текст статьи код вызова Phoca Gallery Plugin, указав при этом ряд параметров, определяющих внешний вид отображаемой фотогалереи или слайдшоу.
Теперь заходим в админку, подводим курсор мыши к пункту «Все меню», расположенного вверху, и выбираем из выпадающего списка то, в которое хотим добавить пункт (или несколько пунктов) для вывода содержимого нашего компонента.
В результате откроется окно со списком всех пунктов в этом меню. Для создания нового нужно нажать на кнопку «Создать», расположенную в верхнем правом углу окна. В открывшемся дереве раскрываем ветвь «Галерея Phoca Gallery», щелкнув по ней мышью.
Пункт «Расположение панели управления пользователя Phoca Gallery» может понадобиться в том случае, если разрешить посетителям добавлять изображения в галерею. Этот пункт меню позволит им получить доступ к форме для загрузки фоток и создания категорий.
Если вы разрешите добавлять фотографии только пользователям из определенной группы (), то в настройках этого пункта меню будет уместно разрешить его просмотр только посетителям, начиная с этой группы. Остальные его просто не увидят.
Вариант «Cooliris 3D план стены» позволяет выводить фото из какой-либо отдельной категории в виде очень красочной Flash стены, которую можно поворачивать простым перемещением мыши. Посмотреть, как это будет выглядеть в реале, можете .
Два верхних пункта меню, которые позволяет создать в Джумле этот компонент, как раз и являются основными и наиболее часто используемыми.
«Список всех категорий» служит для создания ссылки (пункта) в меню, перейдя по которому посетитель сможет увидеть список всех категорий. В каком виде они там будут представлены, задается в настройках этого компонента, о которых мы уже говорили чуть выше.
«Вид» позволяет создать ссылку в меню, перейдя по которой посетитель увидит фото какой-либо категории. Лично я использовал первый вариант для создания родительского пункта меню, а уже для вложенных использовал этот. В результате чего получился пункт «Фото» с многоуровневым выпадающим списком категорий фотогалереи:
В настройках первого варианта для этого я указал в поле «Родительский элемент» вариант «сверху»:
А вот уже для второго варианта — выбираем в качестве родительского пункт меню, вложенный в первый пункт:
Кстати, остальные настройки «Список всех категорий» и «Вид» практически ничем не отличаются от стандартных, которые мы подробно рассмотрели в более ранних статьях этой рубрики — .
Разве что только при создании пункта «Вид категории» вам понадобится указать ту из них, фото из которой будут выводиться:
Теперь пора переходить к рассмотрению возможностей плагина Phoca Gallery Plugin, который позволит нам создавать фотогалереи прямо в статьях. Давайте его установим. Если вы его еще не скачали, то можете сделать это , а русификацию взять отсюда .
Из верхнего меню админки Joomla пункты «Расширения» — «Установить/Удалить» находите на своем компьютере архив с плагином и завершаете установку, нажав на кнопку «Загрузить файл&Установить».
Для того, чтобы попасть в его настройки (или просто активировать его) вам нужно будет выбрать из верхнего меню админки Joomla пункты «Расширения» — «Менеджер плагинов». В открывшемся окне найдите строчку с нашим и щелкните по его названию:
Если нужно только активировать, то в его настройки можно не заходить (тем более, что у него никаких настроек фактически и нет), а просто щелкнуть по красному кресту, расположенному в строчке с названием. Страница менеджера плагинов в Joomla обновится и вы увидите вместо красного креста напротив нашего героя зеленую галочку — активен.
При желании Phoca Gallery Plugin можно русифицировать. Правда, смысла в этом особого нет, ибо переводится лишь несколько фраз, но тем не менее. Для этого нужно распаковать архив с русификатором и скопировать оттуда единственный файл на сервер вашего хостинга в папку:
Language/ru-RU
Вам нужно будет еще скачать и установить модули галереи :
- Menu Module — модуль для вывода в Joomla меню вашей галереи
- PTree Module — модуль для вывода древовидного меню галереи в Joomla
- Image Module — модуль вывода произвольных изображений из галереи в Joomla
После установки модулей нужно выбрать из верхнего меню «Расширения» — «Модули», найти в списке наши и зайти в их настройки. Там нужно будет активировать модуль, выбрать необходимую для него позицию в шаблоне, посмотреть и при необходимости подкорректировать настройки в правой области. Какие именно — проще всего будет понять, попробовав их на практике.
Плагин Phoca Gallery Plugin для вставки фото в статьи
Будем считать, что плагин вы уже установили, а так же создали категорию в настройках компонента Phoca Gallery, в которую загрузили со своего компьютера фотографии. Для того, чтобы созданная вами категория не отображалась на сайте при просмотре их списка, снимите ее с публикации.
Для этого в админке выберите «Компоненты» — «Галерея» — «Категории» и снимите галочку в столбце «Опубликовано» напротив той из них, которая не должна отображаться в их списке:
Хотя, можете использовать для вставки в текст статьи с помощью плагина и те фото, которые находятся в уже опубликованных категориях — это не принципиально. Теперь нам нужно будет разобраться с кодом Phoca Gallery Plugin, который мы будем вставлять в статьи.
В принципе, все, что вам нужно написано , там же приводится и полный список параметров, которые можете использовать. Правда там все на английском, что лично для меня является весомой проблемой, но .
И все же я поясню на примере, как работает плагин фотогалереи в Joomla и какие параметры следует указывать в коде его вызова.
Если в админке Джумлы зайти в менеджер материалов и открыть на редактирование любую статью, то в том месте, где на сайте выводится фотогалерея, мы увидим код вызова плагина:
{phocagallery view=category|categoryid=57| limitstart=0|limitcount=28|detail=5|displayname=0| displaydetail=0|displaydownload=0|imageshadow=shadow1|displaybuttons=0}
На первый взгляд выглядит страшновато, но если разобраться, то ничего сложного тут нет. Главное понять, зачем нужен каждый параметр и выбрать подходящий вариант отображения галереи.
В дальнейшем вы сможете просто скопировать уже готовый и настроенный под ваш вкус код и заменить в нем лишь ID той категории, откуда будут браться изображения, а так же указать диапазон ID фотографий, которые будут включены в слайдшоу.
Давайте рассмотрим приведенный в примере код. Во-первых, стоит сказать, что его можно вставлять в не переходя в режим HTML. Однако, он обязательно должен быть заключен в фигурные открывающие и закрывающие скобки, а различные параметры пишутся без пробелов, но отделяются друг от друга символом «|».
Первый параметр «phocagallery» означает, что идет обращение к Phoca Gallery Plugin. Далее в параметре «view» вы указываете, что именно хотите вывести на страницу со статьей — все категории, некоторые фото из одной из них или же switchimage (не знаю, что это такое). В нашем примере выбран второй вариант «view=category»
Следующий параметром «categoryid» мы задаем ID категории, из которой будут браться картинки. Узнать ID вы сможете, пройдя из админки по пути «Компоненты» — «Галерея» — «Категории» и посмотрев в последнем столбце «ID», напротив нужной вам.
В следующем параметре «limitstart» мы задаем начальный ID фотки в выбранной ранее категории. Узнать этот ID сможете, пройдя из админки по пути «Компоненты» — «Phoca» — «Изображения».
В открывшемся окне увидите список всех загруженных в компонент изображений. Выберете из выпадающего фильтра, расположенного над списком, название нужной вам категории и в открывшемся окне посмотрите в последнем столбце «ID», напротив того фото, с которого вы хотите начать показ слайдшоу или фотогалереи.
В параметре «limitcount» задаете количество фоток, следующих за выбранным ранее в «limitstart» изображением. Они будут браться в порядке возрастания их ID до тех пор, пока из количество не станет равным числу, заданному в этом параметре.
В параметре «detail=5» вы указываете способ показа полноразмерных изображений при просмотре фотогалереи. Всего возможно задать восемь вариантов:
0 - Modal Box | 1 - Standard Popup Window | 2 - Modal Box (only image) | 3 - Shadowbox | 4 - Highslide JS | 5 - Highslide JS (only image) | 6 - JAK lightbox | 7 - No Popup
Поставив цифру 5, я выбрал мой любимый способ показа — Highslide JS.
Все оставшиеся параметры плагина:
Displayname=0| displaydetail=0|displaydownload=0|imageshadow=shadow1|displaybuttons=0
означают, что я не хочу, чтобы отображалось название изображения, его детали, кнопка для загрузки и остальные кнопки. Правда, соглашаюсь с показом тени от фото. Вот и все, что я могу сказать по поводу приведенного примера использования Phoca Gallery Plugin в Joomla.
На самом деле вариантов вывода фотогалереи в статье с помощью этого замечательного плагина очень много, но описать их все будет не реально. Советую вам просто внимательно ознакомиться с прилагаемой к нему инструкцией и опробовать все на практике.
Удачи вам! До скорых встреч на страницах блога сайт
Вам может быть интересно
Фотогалерея для Joomla — Часть 3 — Создание галерей в Joomla 1.5 с помощью компонента Phoca Gallery — добавление категорий и загрузка изображений в фотогалерею
Расширения для Joomla - что это такое и где скачать компоненты, модули и плагины для Джумлы, как их устанавливать и удалять
Компонент K2 для создания блогов, каталогов и порталов на Joomla - возможности, установка и русификация
JComments - бесплатный компонент комментариев с captcha для Joomla, его установка и настройка
Модули в Joomla - просмотр позиции, настройка и вывод, а так же назначение суффиксов класса
Плагины Joomla - TinyMCE, Load Module, Legacy и другие установленные по умолчанию
Сегодня JoomGallery считается самой лучшей галереей для Joomla . Здесь очень много всего интересного и оригинального. Отличительной особенностью от других подобных фотогалерей является возможность автоматического создания эскизов и деталей из изображения в автоматическом режиме. Так же каждый пользователь теперь сам может создавать собственные категории, и добавлять в них свои изображения.
Как установить и настроить
Стоит подробнее поговорить о том, как правильно установить это расширение, чтобы оно заработало. Каждый шаг в работе очень важен. Нужно быть внимательными, чтобы получить полноценное расширение.
1) Установка JoomGallery производится через стандартную опцию установки любого расширения Joomla. Если все будет произведено успешно, то на экране появится соответствующее сообщение.
2) При установке языка нужно быть внимательными. Не стоит для этих целей использовать кнопку с обозначением языка. В данном случае все делается через стандартную кнопку, то есть использовать ее, как стандартное расширение.
3) Теперь нужно создать хотя бы одну категорию. В противном случае загрузка изображений будет невозможна, ведь их нужно куда-то помещать. Делается это предельно просто. Для начала выбирается пункт меню Категории, и в нем подпункт Создать категорию. После того, как будет введено ее имя в соответствующем поле, можно нажать на кнопку сохранить. В результате будет создана новенькая категория, в которую затем и добавляются изображения.
4) Загрузка изображений производится через соответствующее меню. Нужно просто перейти на вкладку Загрузка изображений, и там произвести настройку того, как будут грузиться картинки. Можно установить одиночную загрузку или групповую. После выбора категории можно нажимать на кнопку Загрузить. Дальнейшее редактирование картинок производится в менеджере изображений.
5) Теперь нужно создать соответствующий пункт меню на сайте. Выбирается - Категории: стандартный вид - заголовок пункта меню - сохранить.
6) Теперь можно переходить к настройкам. Их на самом деле очень много. Манипулируя ими можно сделать все изображения идеально адаптированными к сайту.
7) Если используется сразу несколько категорий, то просто не обойтись без модуля JoomCategories. Он позволит установить пользовательские настройки для вывода всех категорий. Здесь есть несколько вариантов того,как они могут появляться. Можно здесь настроить и слайд-шоу, которое состоит из категорий.
Языки русский, украинский, белорусский и любые другие вы сможете установить в админ панели. Для установки перейдите на страницу админ панели компонента, откройте раздел в левом блоке "Помощь и информация", и нажмите на флажок необходимого языка как показано на картинке.
Phoca Gallery является отличным решением для тех, кто хочет установить на своем сайте, работающем под управлением CMS Joomla, многофункциональную фотогалерею. Этот компонент распространяется бесплатно, что еще больше увеличивает его привлекательность для веб-мастеров. Ведь, несмотря на отсутствие платы, вы получаете расширение для создания галерей с большими возможностями, которое совместимо со всеми версиями Joomla. Причем установка Phoca Gallery осуществляется без каких-либо проблем стандартным способом инсталляции расширения для данного «движка».
Что может Phoca Gallery?
Компонент Phoca Gallery может многое и даже больше! Про его возможности можно писать долго и подробно, так их много и такие они полезные. Например, вы сможете создавать галереи сразу с несколькими категориями в своем составе. Причем к каждой из категорий вы сможете добавить какое-нибудь описание. Благодаря компоненту Phoca Gallery вы сможете выполнять привязку фотографий к местонахождению на карте Google. Иногда эта функция является весьма полезной.
Можно отметить и тот факт, что благодаря Phoca Gallery у пользователей вашего сайта появляется возможность ставить оценки фотографиям, добавлять комментарии к ним и видеть статистику их просмотров, если вы откроете ее для всех посетителей ресурса. Причем сами пользователи могут загружать изображения на веб-сайт, если, конечно, администратор ресурса предоставит им такую возможность, установив соответствующие настройки в Phoca Gallery.
Русский язык для Phoca Gallery
https://www.transifex.com/projects/p/pg/Благодаря данному компоненту вы можете выбирать различные способы отображения полноразмерных фотографий, которые открываются после клика левой кнопкой мыши на «превьюшки». Кстати говоря, Phoca Gallery изначально загружает фотографии на сайт сразу в нескольких размерах, чтобы одни изображения выводить в виде миниатюр, а другие открывать в полноразмерном виде. И все эти размеры можно задавать самостоятельно в настройках компонента.
Есть у расширения Phoca Gallery и много других интересных функций. Например, с его помощью вы можете добавлять на свой сайт и выводить с помощью Lightbox ролики с Youtube. Благодаря этому компоненту вы также сможете накладывать водяной знак на все изображения своего сайта. Эта функция особенно актуальна для тех, кто добавляет на свой ресурс только уникальные изображения. И особенно приятно, что компонент Phoca Gallery поддерживает множество языков, включая русский.
Если обобщить все возможности этого расширения, можно выделить самые главные из них.
- Благодаря Phoca Gallery вы можете создавать неограниченное количество категорий и выводить изображения по определенным группам.
- Компонент поддерживает различные методы загрузки, включая мульти-загрузку, а также предусматривает разные варианты вывода категорий и изображений.
- Phoca Gallery автоматически создает миниатюры, дает возможность пользователям оценивать фото и оставлять свои комментарии для него.
- С помощью этого расширения вы сможете накладывать водяной знак на все изображения, что особенно важно для сайтов с уникальным фото-контентом.
Какой он – компонент Phoca Gallery?
Если вы решите задаться вопросом, каким же является компонент Phoca Gallery, вы наверняка получите исключительно положительный ответ. Можно смело говорить, что это расширение является очень удобным и дает веб-мастерам все необходимые возможности для загрузки изображений на сайт и их красивого вывода на страницах сайта. Учитывая, что все это предоставляется веб-мастерам бесплатно, оценка компонента Phoca Gallery может быть только отличной!
Урок №2. Как установить Phoca Gallery и ее русифицировать .
Итак, у вас уже есть сайт, который вы сделали сами или заказали в какой-нибудь фирме. Теперь вы хотите, чтобы на вашем сайте появилась отличная галерея фотографий. И вы решили, что галерея Phoca Gallery вам подходит. Не забудьте прочитать первый урок по этой теме.
Первое, что нужно сделать, это установить ее на сайт (напомню, что я рассматриваю сайт на joomla ). Заходим в интернете на сайт фоки www.phoca.cz
Сразу видим слева:
Phoca Gallery
Phoca Gallery is an image gallery for Joomla! CMS. It includes component, modules and plugins and allows users to display images or Youtube videos in many different styles.
Как уже понятно, надо будет выбрать дизайн для joomla 1.5 ; joomla 1.6 ; joomla 1.7
Нажимаем на название и попадаем на страницу загрузки. Здесь находится вся документация, которую мы разберем подробно на других уроках. Демо-версию мы уже видели, когда в прошлом уроке заходили в пункт верхнего меню. Отдельно появился новый современный дизайн галереи для joomla 1.7 и пример интеграции Simple caddy.
Нажимаем на Download.
Теперь надо выбирать
com phocagallery v2.8.0zip (joomla 1,5) или
com phocagallery v3.0.2zip (joomla 1,6; joomla 1,7)
Beta версия предназначена только для тестирования, поэтому устанавливать ее не нужно.
Скачиваем и смотрим, в какой папке на вашем компьютере она оказалась. Лучше всего, если вы пока не очень хорошо ориентируетесь в огромном количестве всяких файлов и папок, завести на рабочем столе отдельную папку, куда сохранять компоненты, модули и плагины для вашего сайта.
То есть все, что касается сайта, включая будущие шаблоны и всевозможные расширения, должно быть там. И хорошо бы ее назвать так, чтобы сразу понять, что находится внутри .
Не знаю, как у вас, но лично у меня на экране компьютера столько разных документов и папок, что невозможно в них разобраться без четких названий. И главное, их количество почему-то постоянно увеличивается! Папки множатся, как кролики весной, а почистить все это - совершенно нет времени. Знаете, как запомнить ряд слов, чтобы всегда в памяти всплывали подсказки?
Например, два слова «милиционер» и «собака».
Если вы представите картинку, что собака укусила милиционера, то через некоторое время все сотрется из памяти. А вот если представить наоборот: милиционер укусил собаку, тогда такая картинка обязательно всплывет в памяти, сколько бы времени не прошло. Это лирическое отступление относится к названию вашей папки.
Теперь давайте установим компонент Phoca Gallery на сайт. Для этого заходим через панель администратора, нажимаем «Расширения» и выбираем первую строчку – Установка и удаление . В окне «Обзор» вам нужно будет выбрать компонент, который вы только что закачали.
Если он у вас находится в отдельной папке, прекрасно. Вам не придется вспоминать, где же он спрятался, и ломать голову, как теперь его найти.
После установки должно появиться сообщение: Компонент установлен удачно. И большая панель с рисунком и двумя большими кнопками. Вас интересует кнопка слева «Install». Нажмите на нее, подождите немного и увидите новое сообщение «Phoca gallery successfully installed»
Теперь, если вы в административном разделе сайта зайдете в пункт меню «Компоненты», то увидите Phoca Gallery.
Итак, галерею мы уже установили, теперь снова вернемся на сайт Phoca.cz и найдем в верхнем меню пункт «плагины». Для начала выбираем первый пункт из выпадающего меню «Phoca Gallery Plugin» и далее Download. Желательно этот плагин сохранить в ту, же папку, что и сам компонент.
Снова через административную панель заходим в наше меню Расширения – Установка и удаление, и в окошке «обзор» находим Phoca Gallery Plugin. Устанавливаем его точно так же, как и сам компонент. После сообщения, что установка прошла удачно, проверим.
Для этого заходим на сайте в пункт меню «расширения» - «плагины» и находим там Phoca Gallery plugin. Но это еще не все, нужно этот новый плагин включить. Для этого просто щелкаем по красному кружку с крестиком, он поменяется на зеленую галочку. Наш плагин теперь включен.
Если вы заметили, оказывается наш компонент на английском языке, значит, теперь перед нами стоит задача его перевести на русский язык, т.е русифицировать .
Снова заходим на сайт галереи, где мы уже были до этого. В пункт Components – Phoca Gallery – Download. В левой колонке на середине страницы ищем название
Phoca gallery Languages. Как видим, русского языка вроде бы нет. Болгарский, чешский, а где русский?
Идем на третью страницу и там находим для русского языка компонент
ru-Ru.com phocagallery.zip
Нажимаем Download и сохраняем в ту же папку, что и раньше. Если у вас joomla 1,6 , выбирайте компонент, который находится на следующей строчке. Если кто-то не может понять, куда на вашем компьютере сохраняются файлы, смотрите папку загрузки.
Внизу на мониторе всегда видны все загрузки, при наведении на них всплывает окно. Можно выбрать « показать в папке», сразу скопировать и вставить в нужную вам папку, где хранятся все файлы для галереи.
Как это сделать? Пишу для тех, кто только изучает эту тему и не может понять простых, на первый взгляд, вещей. Оговорюсь, что это только потом все кажется проще пареной репы, а когда только начинаешь во все это вникать, словно говоришь по-китайски. По крайней мере, у меня было именно так.
Как разархивировать файл ?
Открываете папку с файлом. Если он заархивирован, то вы видите стопку книг, перевязанных чем-то вроде ремешка. Щелкаете правой кнопкой мышки и выбираете, что вам нужно. Например, «извлечь файлы» или «извлечь в текущую папку». Если в текущую папку, то файлы сохранятся в ту же самую папку, где находятся. Если выбираете просто извлечь файлы, то откроется окошко.
Верхняя строка «путь для извлечения» показывает ту самую папку, где файл сейчас, можно выбрать любое место на вашем компьютере в правой части и нажать OK. С этим, наверное, понятно, возвращаемся к русификации Phoca Gallery.
После того, как вы сделали разархивацию, в папке произошли изменения.
Вы увидите два файла:
ru-Ru.com_phocagallery.menu.ini и ru-Ru.com_phocagallery.ini
Эти два файла копируем и вставляем на свой сайт joomla.
Пишу, куда вставить подробно. Я, например, не поняла в самом начале, как их вставлять и влепила в похожую на мой взгляд папку, а потом удивлялась, почему Phoca не перевелась на русский язык.
Заходите на свой сайт через админку в папку language, путь такой:
www/ваш сайт/administrator/language/ru-Ru
На моем сайте для примера:
Диск C:/home/art-planets/www/administrator/language/ru-Ru
Причем ru_Ru – это отдельная папка.
Специально пишу со всеми деталями, ведь намного легче усваивать новую информацию, когда она изложена просто и понятно. Если кто-то отлично во всем этом разбирается, может улыбнуться и спокойно пропустить данный материал. А кто еще новичок – пусть читает обо всем подробно, все хорошо усвоится, и потом не придется это заново учить.
После этого компонент Phoca Gallery будет русифицирован . Хотя у меня некоторые слова (для simple caddy)остались на английском языке, но это не мешает работать с галереей, так как в принципе все понятно. Что такое личный кабинет? Панель пользователя