Создание файла templateDetails.xml для шаблона.

Создание файла templateDetails.xml для шаблона.

Хочу сразу отметить, что этот файл должен называться именно так, как написано, здесь: templateDetails.xml и никак иначе.
И так приступим. Я решил упростить эту статью, просто считаю, что для понимания работы этого файла большого ума не нужно.
И вам нужно просто скачать пример готовой заготовки шаблона, открыть этот файл templateDetails.xml и переписать его под свой шаблон.
Дальше я приведу пример кода готового файла и дам описание к этому коду.

Пример файла templateDetails.xml:

<?xml version="1.0" encoding="utf-8"?>
<extension version="1.6" type="template" client="site">

<name>Mynevtemplate</name>

<creationDate>21 May 2010</creationDate>
<author>SmokerMan</author>
<authorEmail>support@businessumcha.com</authorEmail>
<authorUrl>http://businessumcha.com/</authorUrl>
<copyright>Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.</copyright>
<license>GNU General Public License version 2 or later</license>

<version>1.6.0</version>

<description>Это мой первый шаблон</description>

<files>

<folder>css</folder>
<folder>images</folder>
<folder>js</folder>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
</files>


<positions>
<position>top</position>
<position>left</position>
<position>right</position>
<position>bottom</position>
</positions>
</extension>

Теперь просто разберем этот код, какая часть этого кода, за что отвечает.
Начинается файл как обычно стандартным кодом который вы можете просто скопировать и вставить в свой файл.

<?xml version="1.0" encoding="utf-8"?>
<extension version="1.6" type="template" client="site">

Здесь говорится что это версия файла xml 1.0 (xml version="1.0") и кодировка файла utf-8 (encoding="utf-8")

Дальше мы прописываем название нашего шаблона

name>Mynevtemplate</name>

Следующие строки вспомогательные в которых написана информация об авторе шаблона и т.д.

<creationDate>21 May 2010</creationDate>
<author>SmokerMan</author>
<authorEmail>support@businessumcha.com</authorEmail>
<authorUrl>http://businessumcha.com/</authorUrl>
<copyright>Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.</copyright>
<license>GNU General Public License version 2 or later</license>

Далее идет важная информация в которой указывается для какой версии joomla этот шаблон:

<version>1.6.0</version>

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

<description>Это мой первый шаблон</description>

Дальше мы перечисляем все файлы и папки нашего шаблона, которые находятся в корневой папке

<files>

<folder>css</folder>
<folder>images</folder>
<folder>js</folder>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
</files>

Между тегами <folder>…………….</folder> указываются папки шаблона,

а между тегами <filename>………………….</filename> указываются файлы.

Теперь дальше идет следующая часть кода, в которой указываются все позиции для модулей, которые есть в нашем шаблоне.

Позиции указываются между тегами <position>……………</position>

<positions>
<position>top</position>
<position>left</position>
<position>right</position>
<position>bottom</position>
</positions>

И закрывается наш код, закрывающим тегом:

</extension>

Вот в принципе и все, пишем такой файл и сохраняем его в корневой папке нашего шаблона. Так же добавляем к нашему шаблону файл index.html с простым кодом

<html><body bgcolor="#FFFFFF"></body></html>

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

В конце у нас должна получиться вот такая конструкция:

После всего этого мы архивируем наш шаблон в архив с расширением zip и пробуем его установить на наш сайт joomla.
Затем, когда установка прошла успешно, можно уже дорабатывать шаблон дальше и просматривать его непосредственно в браузере.
Для того что бы доработать наш шаблон и довести его до ума нам нужно создать простой сайт и установить на него наш шаблон. После чего мы сможем открыть его уже в браузере для просмотра и довести уже до ума.
Это все можно делать у себя на компьютере установив предварительно локальный сервер. Я пользуюсь сборкой (Денвер), вы конечно же можете использовать сервер который вам по душе.
После того как вы окончательно, закончили разработку шаблона и довели его до конечного вида, вам нужно сделать две картинки вашего шаблона и поместить их в корневую папку шаблона.

Один файл картинки вы называете template_preview.png и делается он размером (640Х388).
Второй называете (template_thumbnail.png) и размером (206Х150)

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

Так же не забываем изменять и добавлять информацию о шаблоне в файле (templateDetails.xml).

Скачать пример готового шаблона.

Предыдущая

За статьи большое спасибо, все понравилось. Не хотелось бы выглядеть занудным, и не в обиду сказано, но режет глаза ссылка навигации "Предидущая", где вместо "и" должно быть "Ы". Прошу не обижаться!

Ответить | Ответить с цитатой | Цитировать

# Админ. 21.09.2013 07:13

Цитирую Сергей Степанович:

За статьи большое спасибо, все понравилось. Не хотелось бы выглядеть занудным, и не в обиду сказано, но режет глаза ссылка навигации "Предидущая", где вместо "и" должно быть "Ы". Прошу не обижаться!

Сергей, я к критике нормально отношусь, если это конечно по делу. И я не обижаюсь, а даже наоборот, скажу вам спасибо за подсказку. А вообще если хорошо посмотреть, то здесь на сайте можно кучу ошибок найти. Но сайт же ведь не на тему грамматики русского языка.... :lol:

Ответить | Ответить с цитатой | Цитировать

# Дима 27.09.2013 07:09

Здравствуйте!
Большое спасибо за статью - супер!
Скажите, пожалуйста, если я сверстаю несколько страниц сайта с использованием PHP - главная страница + несколько внутренних страниц (все файлы имеют расширение PHP и к ним подключаются блоки PHP, в которых находится информация одинаковая на всех страницах). Можно будет применить, все как Вы написали?

Ответить | Ответить с цитатой | Цитировать

# Админ. 27.09.2013 08:20

Дима. Большое спасибо за комментарий. Но или я вас не совсем понимаю или вы не поняли о чем здесь речь идет. Здесь рассказывается как создать шаблон для joomla. Вам не нужно верстать несколько страниц, вам нужно сверстать только одну страницу, которая в дальнейшем уже будет использована CMS Joomla как шаблон и весь контент - это блоки и текст который вы будите писать будут добавлятся в этот шаблон и выводится в браузере...
Если вам нужно какието блоки показывать не на всех страницах сайта то это делается через админку, в настройках, можно выбрать на каких страницах эти блоки будут отображаться. Если нужен разный вид страниц, то мжно создать несколько шаблонов и настроить так же через админку что бы страницы сайта открывались с разными шаблонами...

Ответить | Ответить с цитатой | Цитировать

# Дима 27.09.2013 09:08

Большое Вам спасибо за пояснение! Теперь понял! А сам сверстать несколько страниц я думал для валидности кода, т.е. верстаю страницы php вместе с контентом (текст, картинки), потом проверяю код на валидность, и за тем страницы использую для джумлы (т.е. подключаю каждую страницу, как Вы показали на примере шаблона. А потом к странице подключаю плагины джумлы (поиск по сайту и другие).

Ответить | Ответить с цитатой | Цитировать

# Денис 21.11.2013 10:37

Добрый день. А вот у меня не получилось сделать шаблон в соответствии с инструкцией. Установился шаблон только тогда, когда я заменил свой xml на xml из стандартного шаблона (Atomic) до этого не мог найти установочный файл. Теперь же, когда я выбираю этот шаблон и его стиль, при просмотре сайта вижу текст с хедера и футера без картинок, разметки и прочего...
Если выбрать другой стиль - показвыает вообще пустое окно.(
Подскажите пожалуйста, что я сделал не так.
Спасибо.

Ответить | Ответить с цитатой | Цитировать

# Flamme 08.12.2013 11:48

Огромное спасибо!
Написано очень коротко (без воды, по делу) и очень доходчиво.
Если можно хотелось бы узнать, как автор относится к такой программе как Artisteer?

Ответить | Ответить с цитатой | Цитировать

# Админ. 24.12.2013 08:45

К програме Artisteer автор нормально относится, но по моему мнению эта програма при создании шаблона создает много лишнего кода, да и если вы будете делать шаблон самостоятельно и писать его своими руками то во первых я думаю вам удастся сделать его легче, чем в этой програме и во вторых вы точно будете знать где и что находится, а так же, какой код за что отвечает.... :-)

Ответить | Ответить с цитатой | Цитировать

Обновить список комментариев
RSS лента комментариев этой записи

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

В комментариях запрещается:
1) Писать оскорбительные выражения в сторону как администратора, модератора так и других пользователей сайта. (За такое нарушение сразу бан)
2) Реклама в любом ее проявлении, а так же рекламные ссылки на свои сайты, партнерские ссылки, для ссылки на свой сайт нужно использовать специальное поле для добавления ссылки.
3) Прежде чем писать комментарий и задавать вопрос обязательно убедитесь, что на ваш вопрос точно нет ответа на сайте. Так же на сайте есть форум, где вы можете задавать вопросы другим участникам этого форума...
ВНИМАНИЕ: ПРАВИЛА МОГУТ ДОПОЛНЯТЬСЯ И ИСПРАВЛЯТЬСЯ, В ТЕЧЕНИИ ВРЕМЕНИ СУЩЕСТВОВАНИЯ САЙТА БЕЗ ПРЕДУПРЕЖДЕНИЯ. ПОЭТОМУ ЧИТАЙТЕ ИХ ОБЯЗАТЕЛЬНО, ВО ИЗБЕЖАНИЕ НЕДОРАЗУМЕНИЙ.