Теперь мы будет реализовывать пункт меню ПОРТФОЛИО, который представляет из себя, по-сути, фотогалерею.

Фотогалерея относится к расширениям 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 мы подставляем имя нашей папки.

Сохраняем и переходим ВСЕ МЕНЮ – МЕНДЖЕР МЕНЮ.

Нажимаем пиктограмму ПУНКТЫ МЕНЮ.

В открывшемся окне нажимаем СОЗДАТЬ. При выборе типа меню указываем СТАНДАРТНЫЙ ШАБЛОН МАТЕРИАЛА

Для пункта меню выбираем ЗАГОЛОВОК и ПСЕВДОНИМ.

Кроме того выбираем нужный материал, то есть тот, который содержит галерею.

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

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