Как создать пустой шаблон на Joomla


Рубрики Новости Казахстна, автор Sergey - Окт 31, 2022

Так как базовый объем информации по созданию пустого шаблона в Joomla мы уже имеем (во Всемирной сети публиковалась такая информация), то нам остается только немного сжать полученную информации и преподнести ее читателю в концентрированном виде – четыре статьи на тему «Как создать пустой шаблон в Joomla». В тех данных, которые можно найти по этому вопросу, много обобщенной информации, поэтому мы будем рассматривать только основное содержимое той информации, которая было найдена в интернете. Это будет как бы краткое руководство для начинающих по созданию пустого шаблона. Сегодня – первая его часть, всего, как говорилось, будет их четыре, поэтому следите за публикациями в блоге.

Перед началом работы вы должны представлять себе устройство самого шаблона, его составные части – компоненты, модули и т.д. Стандартный joomla пустой шаблон состоит из некоего набора папок и файлов. Все шаблоны размещаются в папке (директории) /templates/ вашего фреймворка Joomla. Для каждого из них выделена своя поддиректория. Таким образом, если у вас три шаблона в папке /templates/ сайта, то подпапки (поддиректории) будут прописываться примерно так: /templates/chablon/, /templates/ chablon1/ и /templates/ chablon2/. Названия поддиректорий обязательно должны прописываться в нижнем регистре и не содержать в имени пробелов. Имя папки должно совпадать с именем шаблона. Рассматриваем расположение дальше – внутри каждой директории нашего шаблона расположены два файла — / chablon/ chablonDetails.xml и / chablon/index.php – имена файлов и место их нахождения должны совпадать с названием шаблона, так как они будут вызываться ядром CMS Joomla.

Первый файл – файл XML вашего шаболона chablonDetails.xml. Этот файл содержит в себе метаданные в формате XML и сообщает Joomla, какие еще нужны файлы (файлы изображений включаются в этот список) для визуализации страницы, использующей этот шаблон. Буква D неспроста пишется в верхнем регистре – файл содержит информацию о копирайте и об авторе. Этот файл задействуется также для установки шаблона (инсталляции) из интерфейса администратора сайта. Файл index.php – главный файл CMS Joomla, именно с него начинается вся работа фреймворка. Этот файл назначает визуальное нахождение всех элементов сайта и указывает путь к размещению модулей и различных компонентов.

Можно сказать, что во всех без исключения шаблонах Joomla присутствуют и дополнительные файлы. Называют эти файлы и размещают их таким образом: /element/images/logo.png, /element/template_thumbnail.png, /element/css/template.css. Хотя такие названия и общеприняты, но они не являются обязательными. Эти названия приведены просто в качестве примеров, а ниже мы рассмотрим каждый файл в отдельности:

Файл /element/template_thumbnail.png – это уменьшенное изображение шаблона, обычно он уменьшается до 140px на 90px. Скриншот после инсталляции шаблона можно наблюдать в разделе «Template Manager» шаблона (в интерфейсе администратора сайта). Вызывается изображение функцией «Preview Image». Также он визуализируется в модуле (если он включен) выбора шаблона оформления темы.

Файл /element/css/template.css. Имя директории для этого файла выбирается любое произвольное, при этом не забудьте прописать путь к данному файлу в основном файле index.php. Имя рассматриваемого файла (это таблица стилей нашего шаблона) также может выбираться произвольно. Имя файла template.css – общепринятое, но ниже мы рассмотрим, какие у дополнительных файлов css есть свои преимущества.

Файл/element/images/logo.png. Вкючает в себя любые изображения, которые включены в шаблон темы. Размещается в папке images – по опять же общепринятым нормам и соображениям. Мы привели картинку с названием logo.png как пример.

Файл templateDetails.xml. Содержит в себе список всех файлов шаблона плюс данные автора и копирайта. Некоторая информация из этого файла отображается в менеджере шаблона в панели администратора. Пример файла xml:

< ?xml version="1.0" encoding="utf-8"?>

TemplateTutorial15
August 2007
Barrie North
GPL
max1net@gmail.comThis e-mail address is being protected from spambots, you need JavaScript enabled to view it
www.max1net.com
1.0
First example template for Chapter 9 of the Joomla Book

index.php
templateDetails.xml
js/somejsfile.js
images/threecol-l.gif
images/threecol-r.gif
css/customize.css
css/layout.css
css/template_css.css
user1 top left banner right footer

Вот пояснения для некоторых строк:

Содержание файла xml — инструкции для установщика в интерфейсе администратора в Joomla. Функция type=«template» указывает установщику, что происходит инсталляция шаблона, предназначенного для Joomla 1.5.

TemplateTutorial15

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

August 2007

Дата установки шаблона. Дата пишется в произвольной форме и может выглядеть так: «May 20012», «08- May-1012», «01/08/2012» и так далее.

Barrie North

Имя автора, то есть, того человека, который этот шаблон создал – ваше имя..

GPL

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

author@somedomain.com

Почта для контактов с автором.

www.compassdesigns.net

Адрес авторского веб-ресурса.

1.0

Версия вашего шаблона.

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

Файлы, которые работают в шаблоне, должны заключаться в тэги:


index.php
images/threecol-l.gif
images/threecol-r.gif
templateDetails.xml
js/somejsfile.js
css/template_css.css
css/customize.css
css/layout.css

Отдел «files» включает в себя все файлы PHP-скриптов или картинок для превьюшек вашего шаблона. Каждый из файлов должен быть упомянут в отделе в тэгах и . Здесь происываются вспомогательные файлы, к пимеру — JavaScript-файлы, которые работают в шаблоне. Файлы изображений, применяемых в шаблоне, также указываются списком в отделе «files». И снова каждый файл должен заключаться в тэги и . Локальные пути к файлам прописываются относительно корневой папки шаблона. Если шаблон лежит в папке ‘MeeTemplate’, а все изображения — в подпапке ‘imag’, то правильный путь будет таким:

imag/mee.imag.jpg

И последнее – в отделе files прописываются все файлы css стилей, которые будут применяться в вашем шаблоне. Имя файла не забудьте обернуть тэгами . Путь файла прописывается относительно главной директории шаблона.

Расположение всех модулей, работающих в шаблоне.

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


Окт
10

Комментарии закрыты.