Пункт меню ПОРТФОЛИО. Как установить расширение ФОТОГАЛЕРЕЯ в joomla?
Теперь мы будет реализовывать пункт меню ПОРТФОЛИО, который представляет из себя, по-сути, фотогалерею.
Фотогалерея относится к расширениям joomla. Расширения в joomla в общем случае состоят из КОМПОНЕНТА, МОДУЛЯ и ПЛАГИНА. КОМПОНЕНТ отвечает за работу с расширением в администраторской части (панели управления), МОДУЛЬ выводит визуальную часть (информацию) модуля, а ПЛАГИН при возникновении определенного условия в системе выполняет определенную функцию, например, встречая какой-то конкретный набор символов, выводит нужную информацию.
В данном случае я решил использовать простой вариант фотогалереи – JOOMLA: CSS GALLERY. Данное расширение состоит только из плагина. Вы можете посетить страницу данного приложения и скачать там новейшую версию.
После того, как вы скачали плагин, надо его установить. Для этого переходим РАСШИРЕНИЯ – УСТАНОВИТЬ/УДАЛИТЬ.
Выбираем скачанный файл, жмем ЗАГРУЗИТЬ ФАЙЛ И УСТАНОВИТЬ.
Если видим надпись УСТАНОВИТЬ ПЛАГИН: УДАЧНО, значит все прошло гладко. Здесь же мы видим подсказку, что для вывода фотогалереи необходимо ввести строку {becssg}foldername{/becssg}.
Установленный плагин необходимо включить и настроить. Поэтому отправляемся РАСШИРЕНИЯ – МЕНЕДЖЕР ПЛАГИНОВ.
Здесь находим строку CSS GALERY и нажимаем на нее.
Плагин имеет ряд настроек, которые можно менять на свой вкус, и под свои потребности.
В пункте GALLERY WIDTH вы можете настроить ширину галереи в пикселях, в GALLERY HEIGHT – высоту. IMAGE QUALITY задает качество картинки в процентах от исходного, чем меньше качество, тем меньше «вес» картинок, и, соответственно, меньше времени они будут загружаться. ALIGN THE GALLERY задает выравнивание – по центру, либо по левому или правому краю. SORT ORDER отвечает за то, каким образом сортируются картинки в вашей галерее. Это можно сделать по алфавиту, по дате добавления или случайным образом. Если установить НЕТ для параметра FIXED STARTIMAGE, то после того, как пользователь уберет мышь с миниатюры, основная картинка останется той, которой была изначально. THUMBNAILS PER ROW и THUMBNAIL QUALITY задает соответственно количество миниатюр в ряду и качество этих миниатюр. Пункт SHOW CAPTIONS показывает заголовки картинок, USE LINKS разрешает ставить ссылки на картинки.
Итак, настроив плагин как надо, незабываем его включить и нажимаем СОХРАНИТЬ.
Теперь переходим САЙТ – МЕДИАМЕНЕДЖЕР.
Здесь заходим в папку STORIES.
И в папке STORIES создаем новую папку. Я назвал ее FOTO.
В эту папку нам необходимо загрузить картинки для нашей фотогалереи. Для этого нажимаем ВЫБЕРИТЕ ФАЙЛ, выбираем картинку и нажимаем ЗАГРУЗИТЬ. И так для каждой картинки. Конечно, загрузка по одной картинке не очень удобна, но для небольших галерей она вполне годится. Для более серьезных галерей необходимо использовать галереи с отдельным компонентом, который поддерживает пакетную загрузку картинок, например, Ignite Gallery.
Когда все картинки для галереи у нас готовы, отправляемся МАТЕРИАЛЫ – МЕНДЖЕР МАТЕРИАЛОВ,
и нажимаем кнопку СОЗДАТЬ.
В поле редактирования текста страницы мы можем ввести какой-то описательный материал, а затем вводим код, указанный в подсказке. Как мы помним (а если не помним, то отправляемся РАСШИРЕНИЯ – МЕНДЕДЖЕР ПЛАГИНОВ – CSS GALLERY), это {becssg}foldername{/becssg}, где на место foldername мы подставляем имя нашей папки.
Сохраняем и переходим ВСЕ МЕНЮ – МЕНДЖЕР МЕНЮ.
Нажимаем пиктограмму ПУНКТЫ МЕНЮ.
В открывшемся окне нажимаем СОЗДАТЬ. При выборе типа меню указываем СТАНДАРТНЫЙ ШАБЛОН МАТЕРИАЛА
Для пункта меню выбираем ЗАГОЛОВОК и ПСЕВДОНИМ.
Кроме того выбираем нужный материал, то есть тот, который содержит галерею.
Конечно, данная фотогалерея довольно слабенькая по функционалу, но я считаю, что для подобного сайта она очень даже подходит, просто устанавливается и неплохо выглядит. В следующих уроках мы, возможно, воспользуемся более мощной фотогалереей.
На этом, я думаю, мы завершим с функционалом данного сайта, и напоследок я хочу немного изменить дизайн.