Мы подходим к сложной теме «Оформление сайта. Создание шаблона». Тема будет разбита на три урока. Сегодня разбиремся с установленными шаблонами, модулями, а также научимся устанавливать новые.

1.
На первом уроке я упоминал, что  за оформление вашего сайта отвечает шаблон. У одного сайта их может быть один или несколько. Все шаблоны, используемые и неиспользуемые в данный момент, хранятся в каталоге templates.
Если вы откроете каталог шаблона, используемый в джумле по умолчанию, то увидите в нем несколько файлов и каталогов. Дело в том, что шаблон состоит из нескольких частей:

  1. Собственно файл шаблона хранится в файле index.php. Создание таких файлов – отдельная, достаточно сложная тема.
  2. Рисунки шаблона хранятся в папке images.
  3. Таблицы стилей хранятся в папке css в файлах с одноименным расширением. В них описываются правила оформления элементов страницы: заголовков, текста, ссылок и т. д. О «си-эс-эс» мы поговорим через пару недель.
  4. В файле template_thumbnail.png хранится эскиз шаблона – маленькая картинка с примерным видом вашего сайта.
  5. Наконец файл templateDetails.xml хранит описание  всех составляющих шаблона.

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

2.
Для управления шаблонами сайта используется менеджер шаблонов (меню Сайт – Шаблоны – Шаблоны сайта)

 Менеджер шаблонов
Рис. 36. Менеджер шаблонов.

Менеджер позволяет:

  • Посмотреть количество доступных шаблонов. Совсем не обязательно, что все они используются вашим сайтом.
  • Просмотреть, как выглядит шаблон. (Наведите мышь на название шаблона, и появится эскиз.)
  • Увидеть, какой шаблон назначен «по умолчанию», т. е. каждая вновь созданная страница будет иметь соответствующий вид. Определение происходит через выделение шаблона (радио-кнопка слева от имени) и нажимание кнопки «Умолчание».
  • Увидеть,какие шаблоны назначены для части страниц вашего сайта. Назначение осуществляется через выделение шаблона и нажимание кнопки «Назначить».

3.
Все содержимое страницы можно разделить на три части:

  • В контентной части вашей страницы, располагаются материалы или содержимое компонентов.
  • За функциональность страницы: ссылки меню, голосования, поля авторизации и т. д. отвечают модули. Каждый модуль – это отдельный программный фрагмент. Он привязан к определенному месту вашей страницы.
  • Элементы оформления. Это не только рисунки, но и всевозможные заголовки, плашки, тексты, повторяющиеся на каждой странице.

 

Содержимое страницы: контент, модули, оформление

 

Рис. 37. Содержимое страницы: контент, модули, оформление.

Для того, чтобы расположить каждый элемент страницы в нужном месте, в файле шаблона содержатся «именованные блоки». Они задаются программно средствами языка PHP. Увидеть, какие блоки есть в вашем шаблоне, можно с помощью меню: Сайт – Предпросмотр – В админке с модулями.

 

Менеджер модулей

 

 

Рис. 38. Блоки шаблона «paranoia».

Как видно из рисунка, в шаблоне предусмотрено семь блоков, в каждом может быть один или несколько модулей. Не обязательно задействовать каждый блок. Например, в блоке «top» в данный момент нет ни одного модуля, а в блоке «left» включено два модуля: поиск по сайту и главное меню.

4.
За управление модулями отвечает менеджер. Для доступа к нему используется меню Модули.

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

Менеджер позволяет:

  • увидеть сколько модулей в данный момент доступны вам, какие из них активны, т. е. используются на сайте, а какие отключены;
  • удалить ненужные модули можно с помощью кнопки «Удалить»;
  • копировать модули, иногда нужно, чтобы у вас было два одинаковых модуля, но использовать их вы хотите с разными настройками. Для этого можно скопировать модуль с помощью кнопки «Копия»;
  • редактировать модули, изменяя его настройки.

У каждого модуля множество настроек. Рассмотрим в качестве примера, настройки модуля «главное меню».

 Настройка модуля «Главное меню»
Рис. 40. Настройка модуля «Главное меню».

Из рисунка видно:

  1. модуль носит имя «Главное меню», и имя не отображается на странице;
  2. модуль опубликован, т. е. используется на сайте;
  3. модуль привязан к блоку «left»
  4. в блоке модуль отображается вторым
  5. модуль доступен всем пользователям сайта
  6. модуль отображается на всех страницах сайта
  7. Кроме перечисленных выше настроек, каждый модуль может иметь свои собственные уникальные параметры, они настраиваются в нижней части окна.

5.
Вы можете найти в сети интернет дополнительные модули, которые могут расширить функциональность вашего сайта. Некоторые модули работают в связке с определенным  компонентом и устанавливаются после него.
Рассмотрим в качестве примера модуль для галереи изображений DatsоGallery (ссылка в конце урока). Каждый модуль распространяется в виде zip-архива. Часто в имени модуля присутствует «mod_», чтобы отличать файл модуля от файла компонента, имеющего приставку «com_».

Установка нового модуля осуществляется с помощью команды меню Установка – Модули. Вы выбираете сохраненный файл модуля и нажимаете на кнопку «Загрузить и установить».

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

 Параметры модуля для DatsoGallery
Рис. 41. Параметры модуля для DatsoGallery.

6.
В сети интернет много сайтов, которые предлагают скачать бесплатные шаблоны для «Joomla!». Как правило, вы получаете zip-архив, в котором в сжатом виде располагается папка со всеми частями нового шаблона. Для установки существует стандартный механизм: меню – Установка – Шаблоны сайта.

Выберите с помощью кнопки «Обзор» zip-архив с вашим шаблоном и нажмите на кнопку «Загрузить и установить». Спустя какое-то время вы получите сообщение, что установка прошла успешно, и джумла предложит перейти к менеджеру шаблонов.
В некоторых случаях джумла сообщит, что установка «Сорвана». Наиболее вероятные причины:

  • в папке templates существует каталог с именем вашей нового шаблона;
  • отсутствует или содержит ошибки файл templateDetails.xml, отвечающий за целостность шаблона.

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

 Сайт с новым шаблоном «BizPortal»
Рис. 42. Сайт с новым шаблоном «BizPortal».

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

Практическая работа:

  1. Скачайте и установите новый шаблон BizPortal. Ссылка на шаблон располагается ниже.
  2. Отключите неиспользуемые вами модули сайта.
  3. Создайте опрос посетителей на вашем сайте. Модуль «Голосования» используется совместно с одноименным компонентом.
  4. Установите модуль для DatsоGallery и настройте, чтобы она отображалась в блоке «bottom».

Контрольные вопросы:

  1. Из каких частей состоит шаблон?
  2. Какое  минимальное количество файлов может быть в шаблоне?
  3. Сколько блоков в шаблоне BizPortal?
  4. Как изменить порядок следования модулей в одном блоке?
  5. Как использовать модуль только на главной странице сайта?
  6. Какой доступ к модулю «Меню пользователя»? Почему он отличается от доступа к другим модулям?
  7. Для чего используются модуль «Случайная новость»?