УЧЕБНЫЕ МАТЕРИАЛЫ

Web-верстка, компьютерная графика,
мультимедиа

Уроки Joomla! 1.5

Авторы учебного курса:
Редькин Владимир Сергеевич,
студент гр. КТ-504 РГППУ, 2011,
Власова Наталья Сергеевна,
доцент кафедры информационных систем и технологий РГППУ




Урок 6. Компоненты и модули

Цели:

  • Научить установке дополнительных компонентов и модулей.

Задачи:

  1. Сформировать умения по настройке установленных компонентов CMS Joomla!.
  2. Сформировать знания по структуре модулей и компонентов в CMS Joomla!.

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

Компоненты могут проектироваться некоторым обобщенным образом и собираться в удобные пакеты. Идея программного компонента подобна и в Joomla! Бизнес-логика, такая как администрирование баннеров или форума, пишется некоторым обобщенным образом и затем работает в Joomla! совместно с шаблонами и администрированием. Модуль часто предполагает отображение web-сайта, а подключаемый модуль добавляет дополнительную функциональность к существующему тексту (подобно языку сценария). На сегодняшний день существуют более 2000 полезных компонентов для Joomla! 1.0, и все больше и больше разрабатывается для Joomla! 1.5. Но сначала давайте рассмотрим компоненты, поставляемые вместе с Joomla! 1.5.

Компонент «Баннер»

Меню Компоненты - Баннер содержит пункты: Баннеры, Клиенты и Категории (Рис 6.1).

Рисунок 6.1. Меню «Баннер»

Компонент-баннер позволяет отображать на сайте рекламные баннеры. Баннер может включать графику или текст. Подобно невероятно успешной модели Google, веб-сайты Joomla! также могут продавать рекламные ссылки. При каждом посещении вашего сайта отображается другой баннер из администрируемого набора. Каждый из них подсчитывает посещения. Текстовая ссылка баннера активна и ведет на сайт клиента. В дополнение к текстовым ссылкам могут также размещаться и графические баннеры.

Компонент-баннер поддерживает администрирование клиента, категории и собственно баннера. Графические баннеры часто переключаются в так называемые полные баннеры. Полный баннер должен располагаться в папке /images/banners и использовать следующие форматы: *.gif, *.jpg или *.png.

Создание Баннера

Перед тем, как включать баннер, нужно создать заказчика.

1) Зайдите в административный раздел сайта Яхт Клуба.

2) Выберите в меню Компоненты – Баннер – Клиенты – Создать, создайте учетную запись нового заказчика и сохраните ее щелчком на пиктограмме Сохранить (Рис 6.2).

Рисунок 6.2. Создания клиента баннера

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

Чтобы включить новый полный баннер, сначала загрузите файл с помощью медиа менеджера в каталог /images/banners.

3) Для этого откройте Сайт – Медиа менеджер (Рис. 6.3). Нажмите по кнопке Выберите файл, укажите файл banner_img.jpg находящийся в папке с дистрибутивами (в папке /lab_6/), и нажмите кнопку Загрузить.

Рисунок 6.3. Менеджер медиа

Если необходимо удалить файл выделите его и щелкните на пиктограмме Удалить.

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

4) Создайте новую категорию, для этого откройте Компоненты – Баннер – Категории – Создать (Рис. 6.4).

Рисунок 6.4. Создание категории

Теперь необходимо добавить сам баннер для созданного выше клиента.

5) Откройте Компоненты – Баннер – Баннеры (Рис. 6.5).

Рисунок 6.5. Менеджер Баннеров

Здесь доступны перечисленные ниже колонки:

  • Имя. Имя баннера.
  • Клиент. Клиент баннера.
  • Категория. Категория, назначенная баннеру.
  • Опубликовано. Признак опубликования баннера.
  • Порядок. Определяет порядок включения баннеров.
  • Прикреплен. Имеют ли предпочтение «приклеенные» баннеры.
  • Впечатления (Показы). Количество успешных показов и количество оставшихся показов.
  • Клики. Щелчки на баннере в количественном и процентном выражении.
  • Теги. Теги (категории), назначенные баннеру. Отображение баннеров может управляться этими тегами.
  • ID (Идентификатор). Ключ набора данных.

6) Создайте новый баннер, щелкнув по пиктограмме Создать и заполните поля как показано на рис. 6.6. По окончанию нажмите Сохранить

Рисунок 6.6. Создание баннера

Подробности, которые можно указать при создании баннера:

  • Имя. Присвойте баннеру осмысленное имя, чтобы узнавать его в списке диспетчера баннеров.
  • Псевдоним. Это поле пока не имеет применения в Joomla!. Предполагается, что оно будет использоваться для URL баннеров в будущем.
  • Показывать баннер. Вы можете прекратить ротацию баннера, выбрав Нет.
  • Прикреплен. Баннеры отображаются первыми.
  • Порядок показа. Здесь определяется порядок, в соответствие с которым отображаются баннеры.
  • Категория. Можно назначать категории и затем отображать баннеры из определенных категорий на web-сайте. Каждый баннер должен иметь присвоенную ему категорию, которые можно администрировать через меню Компоненты – Баннер – Категории.
  • Имя клиента . Выберите клиента из списка существующих клиентов.
  • Показов заказано. Введите количество приобретенных показов или отметьте флажок Неограниченно.
  • URL клика. Введите URL-адрес web-сайта, на который должен указывать баннер.
  • Клики. Количество кликов по данному баннеру, можно сбросить значение на 0, нажав Сбросить клики.
  • Пользовательский код баннера. Здесь вводится специальный код баннера.
  • Описание/примечания. Внутренняя информация для этого баннера.
  • Выбор картинки баннера. Здесь выбирается изображение для баннера. После выбора оно будет отображаться под этим полем.
  • Тэги. Здесь задаются теги для этого баннера.

Сделав всё это, баннер до сих пор не появится на сайте, потому что баннеры отображаются посредством модулей, а модуль необходимо создать.

Создание модуля для отображения баннера

7) Откройте Менеджер модулей для сайта (Рис. 6.7). Вы уже с ним знакомы по теме № 5.

Рисунок 6.7. Менеджер модулей

8) Нажмите Создать. В открывшейся форме выберете Баннер и нажмите по пиктограмме След. (Рис. 6.8).

Рисунок 6.8. Создание модуля

Появится форма настроек модуля, она похожа на форму модуля Меню.

9) Заполните настройки в форме, как показано на рис. 6.9 и нажмите Сохранить.

Рисунок 6.9. Настройки модуля «Баннер»

Области Подробности и Назначение меню уже известны Вам, они во всех модулях схожи. Рассмотрим область Параметры для модуля баннер.

  • Открыть ссылку в. Настройки окна, в котором откроется ссылка.
  • Количество. Количество баннеров для отображения.
  • Клиент баннера. Показывать баннеры только для одного клиента.
  • Категория. Показывать баннеры только из одной категории.
  • Искать по тегам. Баннер выбирается посредством поиска баннерных тегов в ключевых словах текущего документа.
  • Порядок отображения. Можно указать, как будут отображаться баннеры - случайно или по порядку.
  • Текст заголовка. Заголовок для отображения перед группой баннеров.
  • Нижний колонтитул. Текст для отображения после группы баннеров.
  • Суффикс класса модуля. Суффикс класса модуля, добавляемый к основному имени класса.

После создания модуля баннер будет отображаться на сайте (Рис. 6.10).

Рисунок 6.10. Созданный баннер на сайте

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

Установка сторонних компонентов. Комментарии

Joomla позволяет устанавливать дополнительные компоненты. Рассмотрим процесс установки на одном полезном компоненте - JComments. Данный компонент позволяет посетителям оставлять комментарии к статьям.

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

10) Откройте Менеджер расширений, для этого в меню нажмите: Расширения – Установить/Удалить (Рис. 6.11).

Рисунок 6.11. Менеджер расширений

В менеджере расширений предлагаются три опции для инсталляции расширений:

  • Загрузить файл пакета - позволяет установить из файла пакета из одного архивного файла, если это поддерживает сервер.
  • Установить из каталога - если сервер не позволяет устанавливать пакеты из архива, то используется данный метод. При этом файлы из архива следует извлечь во временную папку и указать её путь в поле «Папка установки».
  • Установить из URL - позволяет устанавливать пакеты со сторонних ресурсов, через URL ссылку.

Каждая из вкладок КомпонентыМодули, Плагины, Языки и Шаблоны содержат списки инсталлированных расширений.

11) Нажмите по кнопке Выберите файл и укажите файл com_jcomments_v2.3.0.zip располагающегося в дистрибутиве (в папке /lab_6/com&plg/), после чего нажмите Загрузить файл & Установить. По окончании нажимаем Далее (Рис. 6.12).

Рисунок 6.12. Установка JComments

12) После этого установленный компонент перенесет вас в настройки для этого компонента. Здесь можно изменить много опций, выберите все категории, в которых будут отображаться комментарии. Также на вкладке Права для пользователей группы Unregistered отметьте пункт Автопубликация. Изучите остальные настройки и нажмите Сохранить.

13) Откройте сайт для просмотра. Выберите статью для прочтения из любой категории которую вы выбирали и проверьте работают ли комментарии, добавив его. После добавления комментария вернитесь в административный раздел. Откройте для просмотра комментарии, которые добавлены на сайте. Для этого выберете в меню Компоненты – JComments – Комментарии (Рис. 6.13).

Рисунок 6.13. Просмотр комментариев в JComments

14) Изучите возможности администрирования добавленных комментариев.

Фотогалерея

Рассмотрим пример создания фотогалереи при помощи плагина sigplus Image Gallery.

Sigplus Image Gallery - простой плагин для добавления изображений галереи на статью с простым синтаксисом. Галереи выставки хорошо известного lightbox эффекта: увеличенного изображения отображаются в всплывающем окне при нажатии на миниатюру без необходимости перемещаться от текущей страницы.

Плагин поддерживает следующие типы изображений: JPG, PNG и GIF с несколькими галереями на одной странице, создает эскизы на лету с автоматическим центрированием и интерполяцией, позволяет делать пометки изображений с подписями и более подробного описания. Она включает в себя анимированные изображения ползунка для отображения фиксированного числа картинки на странице, когда Есть много изображений в галерее. Всплывающие окна используются движки: Slimbox, Slimbox2, prettyPhoto, FancyBox и SexyLightbox.

15) Установите плагин sigplus Image Gallery. Для этого откройте «Менеджер расширений», нажмите Обзор и укажите файл plg_sigplus-1.3.3.7.tgz располагающегося в дистрибутиве (в папке /lab_6/com&plg/), после чего нажмите Загрузить файл & Установить.

По завершению установки необходимо активировать плагин.

16) Откройте в меню Расширения – Менеджер плагинов. В списке найдите Content - Image gallery - sigplus (Рис 6.14) и откройте его для редактирования (Рис. 6.15).

Рисунок 6.14. Менеджер плагинов

Рисунок 6.15. Редактирование настроек плагина

Рассмотрим параметры плагина.

  • Параметры плагина:
    • Основная папка - основная папка, в отношении которой интерпретируются относительные пути галереи изображений в теге активации. Используйте путь относительно корневой папки Joomla или абсолютный путь (только для опытных пользователей). При настройке базовой папки images/stories (по умолчанию), записи {gallery}sigplus/birds{/gallery} соответствуют элементы располагающиеся в папке root/images/stories/sigplus/birds.
    • Макет галереи - как отображается галерея изображений. Фиксированное расположение - таблице-подобная среда с задаваемым числом строк и столбцов, и фиксированной шириной и высотой, где изображения предварительного просмотра занимают ячейки таблицы. Потоковый макет представляет изображения предварительного просмотра, как будто они слова текста, позволяя охватить серию изображений несколькими строками, если они не будут вписываться в одну строку, так же, как нормальный текст разрывается в строки, если слишком длинно, чтобы вписаться в одну строку. Потоковый макет очень гибкий, но не разрешает использование слайдера изображений.
    • Строки - количество строк, которое используется для предварительного просмотра изображений. Эта настройка не действует, если используется потоковый макет.
    • Столбцы - количество столбцов, которое используется для предварительного просмотра изображений. Эта настройка не действует, если используется потоковый макет.
    • Максимальное количество изображения предварительного просмотра - если установлен ноль, все изображения в галерее будет показаны, как предварительный просмотр, возможно, с разбивкой на несколько страниц. Если установлено положительное целое число, то будут отображаться только определенное количество изображения, даже при том, что все еще возможно просмотреть все изображения при просмотре галереи во всплывающем окне лайтбокса.
    • Ширина изображения предварительного просмотра - ширина изображений предварительного просмотра для генерации [в пикселях] по умолчанию.
    • Высота изображения предварительного просмотра - высота изображений предварительного просмотра для генерации [в пикселях] по умолчанию.
    • Обрезать при изменении размера - обрезка размеров выходящих за пределы размера изображения предварительного просмотра при создании. Если да и отношение ширины и высоты изображения предварительного просмотра отличается от исходного изображения, лишние части исходного изображения обрезаются сверху и снизу или слева и справа при изменении размера до размеров изображения предварительного просмотра. Если нет, то изображение предварительного просмотра всегда показывает все изображение и соответствующий размер уменьшаются.
    • Выравнивание - выравнивание галереи изображений на странице.
    • Всплывающий лайтбокс - движок всплывающего окна для просмотра изображений, для показа изображения после клика на изображении предварительного просмотра.
    • Задержка слайд-шоу - время показа каждого изображения [в мс] когда режим слайд-шоу активирован в всплывающем окне lighbox, или 0 для отключения режима слайд-шоу. Не все движки всплывающих окон поддерживают режим слайд-шоу.
    • Слайдер изображений - какой движок использовать для слайдера миниатюр изображений. Этот параметр игнорируется, если используется потоковый макет для отображения галереи.
    • Ориентация слайдера - ориентация слайдера. Горизонтально ориентированный слайдер перемещает справа налево, вертикальны слайдер перемещает снизу вверх.
    • Панель навигации - положение навигационной панели для слайдера изображений.
    • Кнопки навигации - показать кнопки управления < и > на панели навигации слайдера изображений.
    • Навигационные ссылки - показывать навигационные ссылки (такие как Предыдущий или Следующий) на навигационной панели слайдера.
    • Счётчик страниц - показывать счётчик страниц (т.е. 1 из 4) на навигационной панели слайдера.
    • Наложение навигации - показать кнопки навигации, как наложение на изображения предварительного просмотра галереи. Эти кнопки не занимают дополнительного пространства и показываются только тогда, когда пользователь наводит курсор на изображение галерея (либо с левой и правой стороны при горизонтальной ориентации, либо сверху и снизу при вертикальной ориентации слайдера).
    • Продолжительность перемещения - Время, потраченное чтобы перейти от одной страницы до другую [мс].
    • Задержка анимации - время, затраченное между последовательными шагами автоматического перехода когда мышь уходит за пределы слайдера [мс]. Используйте нулевое значение, чтобы отключить автоматический "простой" анимации.
    • Подписи изображений - какой движок использовать для наложения подписей на изображения предварительного просмотра. Движок не включается, если изображение не имеет подписи.
    • Название по умолчанию - название, которое присваивается изображениям, когда никакие названия для изображений не прописаны в файле подписей.
    • Текстовое описание по умолчанию - текстовое описание, которое присваивается изображениям, когда никакие описания изображений не прописаны в файле подписей.
    • Иконка загрузки - показать иконку загрузки в всплывающем окне и наложении названия. Когда пользователь нажимает иконку, браузер предлагает пользователю сохранить исходное изображение на своем локальном компьютере. Если изображения с высоким разрешением доступны в отдельной папке, пользователю будет предложено скачать это изображение, в противном случае будет загружено то же изображение, как показано во всплывающем окне.
    • Иконка метаданных - показать иконку метаданных в всплывающем окне и наложении названия. Когда пользователь нажимает на значок, информация о цифровой камере и другие метаданные изображений, такие как заголовок, аннотация, создателя и авторское право отображаются в отдельном всплывающем окне. Некоторые реализации всплывающих окон не позволяют отображать метаданных.
    • Край - край вокруг изображения предварительного просмотра [в пикселях]; используйте числа без указания единиц измерения. Край задает полностью прозрачную зону вокруг границы. Если этот аргумент опущен, то для края используется указанные в файле стиля (sigplus.css) значения.
    • Стиль границы - стиль границы для отображения вокруг изображений предварительного просмотра. Граница расположена вокруг заполнения и миниатюры. Если установить значение по умолчанию, то для стиля границы используется указанные в файле стиля (sigplus.css) значения.
    • Ширина границы - ширина границы для отображения вокруг изображений предварительного просмотра [в пикселях]. Если этот аргумент опущен, то для ширины границы используется указанные в файле стиля (sigplus.css) значения.
    • Цвет границы - цвет границы для отображения вокруг изображений предварительного просмотра. Если он опущен, то для цвета рамки используется указанные в файле стиля (sigplus.css) значения. Укажите шестнадцатеричное значение в диапазоне от 000000 и FFFFFF, присутствующие в системе RGB (красный: FF0000, зеленый: 00FF00, синий: 0000FF), или используйте выбора цвета.
    • Заполнение - заполнение вокруг изображения предварительного просмотра [в пикселях]; используйте числа без указания единиц измерения. Заполнение освобождает область расположенную рядом с изображением предварительного просмотра в пределах границы. Если он опущен, то для заполнения используется указанные в файле стиля (sigplus.css) значения.
       
  • Расширенные параметры:
    • Использовать кэш для генерируемых изображений - следует ли использовать папку кэша Joomla! для хранения изображений предварительного просмотра и миниатюр. Если да, то папка изображениями для предварительного просмотра и с миниатюрами создается в папке кэша. Поскольку эта папка является общей, имена изображений кэшируются, чтобы избежать конфликтов имен.
    • Папка миниатюр - подкаталог для хранения миниатюр изображений. Миниатюра изображений с низким разрешением изображения с шириной и высотой не более 100 пикселей, используемые внутри всплывающего окна, чтобы помочь при навигации. Использовать относительный путь, который интерпретируется по отношению к папке изображений (или папке кэша). Если папка кэша не используется, при настройках по умолчанию базовой папки изображений и миниатюр, используя sigplus/birds как папку изображений миниатюры будут читаться из joomlaroot/images/ stories/sigplus/ birds/thumbs. Требуется соответствующие права файловой системы для автоматического создания этой папки и папки миниатюр в ней.
    • Папка предпросмотра - подкаталог для хранения изображения для предварительного просмотра. Изображения предварительного просмотра с низким и средним разрешением, как правило, появляется в слайдере. Изображения предварительного просмотра, полученные с сервера по требованию, т.е. загружаются только те изображения предварительного просмотра, что в настоящее время показаны. Используйте относительные пути, который интерпретируется в отношении к папке с изображениями (или папке кэша). Без использования папки кэша, по умолчанию основанная папка изображений и изображений предварительного просмотра, используя sigplus/birds, как папку с изображениями задание папки с изображениями для предварительного просмотра, позволяет считывать данные с root/images/ stories/sigplus/ birds/preview. Требуются соответствующие права, чтобы автоматически создать эту папку и папку для изображений предварительного просмотра внутри.
    • Папка для оригиналов - подкаталог для просмотра исходных изображений в высоком разрешении. Когда пользователь нажимает иконку загрузки, браузер предложит сохранить изображение из этой папки на локальном компьютере пользователя, а не (возможно низкого разрешения) изображение, которое показывается в всплывающем окне. Папка полноразмерных изображений полезна для обеспечения версия высокого качества изображений для архивации или печати, а не для просмотра через браузер. Если нет высококачественные версии, то будет загружено то же изображение что показано в всплывающем окне. Необходимо указывать относительный путь, который интерпретируется в отношении к папке с изображениями.
    • Базовый URL - базовый URL соответствует абсолютной (базовой) папки изображений. Это поле должно быть пустым, если (базовая) папка изображений располагается относительно пути корня каталога Joomla!. Однако, если полный путь, указывающий на (базовую) папку изображении, который обычно бывает, когда изображения обслуживаются из одной файловой системы, но под другим доменом или субдоменом, этот параметр определяет, что префикс пути папки изображений будет начинаться с.
    • Качество миниатюр - параметр качества изображения для генерации миниатюры с потерями сжатия JPEG. Диапазоны от 0 (наихудшее качество, меньший размер файла) до 100 (наилучшее качество, наибольший файл) включительно. Другие типы изображений, с сжатием без потерь (например, PNG или GIF) не затрагиваются.
    • Имя файла подписей - Название используемое для текстового файла (без расширения), который содержит подписи изображений и их описания.
    • Многоязычная поддержка - поддержка языкозависимых файлов маркировки изображения. Файл подписей выбирается в зависимости от языка сайта, например, для Английского (Великобритания) используется labels.en-GB.txt.
    • Критерий сортировки по умолчанию - критерий, используемый для организации изображений в галерее: изображения сортируются в соответствии с заданным критерием в указанном порядке. Критерии, основанные на файлах подписей это запасной вариант: при отсутствии файлов подписей, запасной критерий используется для сортировки изображений.
    • Порядок сортировки по умолчанию - для использования с указанным критерием сортировки: изображения сортируются в соответствии с заданным критерием в указанном порядке.
    • Метод связи - определяет, как галерея данных встраивается или связывается с веб-страницей. При подключении галереи, HTML код встраивается непосредственно в тело страницы, это рекомендуется для галереи малого и среднего размера. Когда галерея связана с веб-страницей, только заполнитель генерируется на теле страницы, и JavaScript код используется для заполнения заполнителя с элементами галереи. Код JavaScript может быть размещена либо в HTML head или во внешнем файле; последнее, настоятельно рекомендуется для больших галереи (100 или более изображений). Недостаток сценария связи, в отличие от вложения галереи прямо в тело страницы, что поисковые системы не могут индексировать галереи созданы таким образом.
    • Источник AJAX библиотек - использование Сети Доставки Контента (Content Delivery Network - CDN) для извлечения библиотек сценариев (например, jQuery), когда сайт располагается в публичном интернете, в этом случае страницы вашего сайта могут загружать значительно быстрее. С другой стороны, вы можете установить источником AJAX библиотек локальную копию, если ваш сайт доступен только в пределах (корпоративной) сети Интранет; или нет, если вы используете отдельную систему плагинов для загрузки библиотек сценариев. Этот параметр (со значением отличным от нет) влияет только на производительность, а не функциональность.
    • Библиотека изображений - библиотеки обработки изображений используемые для создания миниатюр и изображений предварительного просмотра. Перечислены только те PHP библиотеки которые поддерживаются в системе. Если этот параметр читает нет, вы не сможете использовать автоматически создаваемые миниатюры обычно предоставляемые sigplus, и вам будет необходимо предоставить собственный миниатюр генерируемые в режиме оффлайн.
    • Тег активации - установите тег активации для вызова sigplus. Изменение этого параметра рекомендуется, только если sigplus конфликтует с другим подключаемыми фотогалереями, который также будет активируются тегом {gallery}. Имя тега может содержать только (на английском) буквы и чувствительно к регистру.
    • Отладка - следует ли использовать несжатые версии лайтбоксов, слайдер и скрипты движка подписей. Как правило, сжатые и закодированные версии этих скриптов используются для сохранения пропускной способности канала. Режим отладки удобно использовать, если у вас ошибка сценария на странице, и вы хотели бы понять в чём проблема, что трудно сделать с закодированными именами. Прося поддержку, пожалуйста удостоверьтесь, чтобы включён режим отладки.
    • Пользовательские настройки - параметры, как пара имя=значение для передачи неизменными в sigplus. Каждый параметр должен занимать одну строку. Для плагина, это эквивалентно заданию этих параметров в каждом отдельном применении тега активации; для модуля, это разрешает настройки, которые иначе не были бы доступны через управления в админке. Например, при использовании окна boxplus lightbox, передаваемый параметр lightbox:contextmenu=0 отключает контекстное меню при щелчке правой кнопкой мыши по изображению в всплывающем окне. Полный список параметров, можно найти в документации к sigplus.
    • Резервное копирование/Восстановление настроек - резервное копирование параметров или восстановление параметров из текстового представления. Эта утилита полезна, чтобы передать настройки от плагина в модульную версию, или из одной системы в другую, или сохранить настройки при обновлении до более новой версии.

17) Включите плагин установив в области Подробности параметр Включен в положение Да. В параметрах укажите количество строк  - 2, а ширину и высоту изображений предварительного просмотра - 150. После чего нажмите Сохранить.

18) Скопируйте папку images_gallary находящуюся в дистрибутиве в папку Z:/home/yacht-club/www/images/stories/.

19) С помощью менеджера материалов создайте новую статью с названием Яхты и Фрегаты. Присвойте данную статью разделу Яхты и категории Галерея созданных в теме №4.

20) Наберите (или скопируйте) следующий текст в статье: {gallery}images_gallary{/gallery}

21) Сохраните статью. Откройте меню Моё меню для редактирования.

22) Создайте пункт Галерея с типом меню - Шаблон блога категории. Укажите категорию - Яхты/Галерея, число колонок - 1.

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

24) Убедитесь, что Вы подключены к Интернету, потому что фотогалерея будет работать только при наличии Интернет. Просмотрите результат вашей работы на сайте.

Резюме

  • Компонент - это основное средство расширения функциональных возможностей Joomla! и представляет собой набор скриптов, которые обеспечивают определенный функционал и обладает интерактивным интерфейсом пользователя. Компонентами в Joomla! являются баннеры, форумы, файловые архивы, галереи, системы сбора статистики, резервного копирования и т.д.
  • Плагин - это небольшие функции позволяющие выполнять манипуляции с данными перед отображением их пользователям сайта.
  • Для установки или удаления компонентов, плагинов, модулей и т.п. осуществляется при помощи Менеджер расширений, чтобы его запустить необходимо в меню нажать:  Расширения – Установить/Удалить.
  • Для того чтобы поместить созданный баннер на сайте, необходимо создать модуль для его отображения, при помощи Менеджер модулей. Тип этого модуля должен быть - Баннер.
  • Для отображения галереи при помощи плагина sigplus Image Gallery необходимо: создать статью содержащую теги {gallery}имя_папки_с_изображениями{/gallery}

Контрольное задание

  1. Создайте и установите баннер для своего проекта.
  2. Установите для своего проекта возможность добавления комментариев с помощью компонента JComments.
  3. Установите для своего проекта плагин sigplus Image Gallery. Создайте с помощью него небольшую галерею из 10 изображений.
  4. Самостоятельно установите компонент гостевой книги на свой проект. Файл для установки располагается в дистрибутиве (в папке /lab_6/com&plg/) и имеет имя - com_phocaguestbook_v1.4.4.zip. После установки необходимо создать гостевую книгу в компонентах (Компоненты – Phoca Guestbook – Guestbooks). Для её отображения на сайте необходимо добавить пункт в меню с именем Гостевая Книга и указав тип - Phoca Guestbook.

Вопросы для самоконтроля

  1. В чем различие между компонентами и плагинами в CMS Joomla!?
  2. Какие компоненты устанавливаются вместе с CMS Joomla! 1.5? Что они позволяют реализовать?
  3. Каким образом можно установить компонент или плагин для данной CMS-системы? Как его после этого удалить?
  4. Какие возможности позволяет реализовать компоненты JComments и Phoca Guestbook?
  5. Какие типы файлов изображений поддерживает плагин sigplus Image Gallery?
  6. Как сделать, чтобы баннер показывался только на некоторых страницах? Какие еще возможности есть у компонента «Баннер»?