На данном этапе у вас уже есть два ключевых файла — index.php, который описывает основную структуру страницы в формате HTML, и template .esse каскадными таблицами стилей, отвечающими за внешнее отображение страницы. Вы создали данные файлы и поместили их в нужные папки на предыдущем этапе. Если на сайте используются изображения, их следует поместить в папку images.

Вставка тегов Joomla

Теги Joomla отвечают за извлечение содержимого из базы данных и его размещение на странице в виде HTML-кода. Добавим несколько таких тегов, чтобы увидеть, как это работает.

В первую очередь дополним файл index. php стандартным кодом для шапки:

Этот код делает две вещи — предотвращает несанкционированный доступ к данному файлу и загружает JavaScript-библиотеку Mootools (http:// www.mootools.net). Если вы не хотите использовать ее, можете оставить эту строку пустой.

Далее добавим информацию DOCTYPE. На сегодняшний день на сайтах используется тип XHTML 1.0 Transitional. Сведения о других типах вы найдете на сайте Консорциума W3 по адресу http://www.w3.org/QA/2002/04/valid-dtd-list.html.

HTML-код, который следует за словом DOCTYPE, автоматически задает язык и направление письма.

Для отображения шапки между тегами <head> и </head> добавьте инструкцию JDOC (Joomla Document), выводящую в шапку сайта необходимую информацию, а также динамическую ссылку на файл CSS:

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

Вы могли заметить два тега, не относящихся к модулям, а именно — message и component. Инструкция JDOC для сообщений используется для отображения ошибок и других специальных уведомлений. Инструкция JDOC для компонентов будет использоваться там, где выводятся содержимое и результаты работы любого компонента.

Завершаем листинг объявлением подвала и закрывающих тегов:

Тег date запрашивает у сервера информацию о дате и выводит год. Тег mainframe используется для отображения названия сайта, которое задано в файле конфигурации.

Ниже приведен весь код шаблона

Каждый сайт индивидуален, но основные элементы на всех одинаковы. То же можно сказать о главном файле шаблона. Сохраните его в папку шаблона под именем index. php.

 

Создание XML-файла шаблона

Файл template. xml содержит описание шаблона, в котором определяются файлы для установки, задаются папки их размещения и описываются позиции модулей, необходимых для создания. Можете использовать в качестве образца готовый файл template .xml из пакета установки Joomla или создать в текстовом редакторе собственный файл. Если вы не знакомы с форматом XML (extensible Markup Language — расширяемый язык разметки), можете получить необходимую информацию по адресу http:// www.w3.org/XML.

Начнем с добавления информации о шапке сайта:

В первой строке мы указываем, что данный документ имеет формат XML. Вторая определяет, как Joomla должна работать с этим документом, используя DTD (определение типа документа). Вам не нужно вникать в данный процесс — команда Joomla сделала за вас необходимую работу.

Далее следуют теги с информацией о вас. Название шаблона, дата, версия и ваше имя — все это отобразится на странице Менеджера шаблонов после его установки. Можете ввести здесь любую информацию.

Следующее, что мы должны сделать, — указать инсталлятору Joomla, какие файлы входят в состав шаблона и куда их устанавливать. Мы хотим, чтобы файлы CSS располагались в папке ess, а файлы изображений — в каталоге images. Для этого определим открывающий тег < f і l е s >, после которого в каждой новой строке опишем каждый файл по отдельности. Если файл должен располагаться в корневой папке шаблона (например, template_ thumbnail.png), просто не указывайте для него путь установки. Если файл необходимо поместить в определенный каталог, перед его названием следует задать путь для его размещения:

Мы включили в шаблон несколько изображений, чтобы продемонстрировать возможность их установки. Обратите внимание на открывающий и закрывающий теги для < filename > и <files>.

Создадим позиции для модулей. Мы не знаем, какие модули будем использовать в будущем, но это неважно. С помощью тегов <pos it ion> и < / position> добавьте в шаблон объявления позиций для модулей. Они соответствуют зонам, которые мы выделили в нашем примере:

Не забудьте поставить закрывающий тег </install> в конце XML-документа. Сохраните полученный код в файл. Поздравляем — вы только что создали свой первый шаблон для Joomla. Установим и протестируем ваше творение.

Чтобы Менеджер шаблонов мог отобразить ваш шаблон в общем списке, необходимо загрузить его на сайт или установить в папку templates. Для загрузки используйте протокол FTP. Можете также заархивировать шаблон в ZIP-файл и воспользоваться инсталлятором Менеджера расширений. Для этого выполните следующие действия.

1. В меню административной панели выполните команду Расширения ? Установить/Удалить.

2. С помощью кнопки Выберите файл укажите путь на вашем компьютере к заархивированному файлу шаблона.

3. Нажмите кнопку Загрузить файл & Установить.

Остается активировать шаблон.


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *