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

imagesСоздание файла 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 нужно поместить во все папки нашего шаблона.


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

images

 

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


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


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


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


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

Предыдущая

 

Комментарии   

 
# VOG 22.05.2013 01:51
Автор, огромное спасибо за статью!!!
Статья очень полезная!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# Сергей Степанович 20.09.2013 21:01
За статьи большое спасибо, все понравилось. Не хотелось бы выглядеть занудным, и не в обиду сказано, но режет глаза ссылка навигации "Предидущая", где вместо "и" должно быть "Ы". Прошу не обижаться!
Ответить | Ответить с цитатой | Цитировать
 
 
# Админ. 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 автор нормально относится, но по моему мнению эта програма при создании шаблона создает много лишнего кода, да и если вы будете делать шаблон самостоятельно и писать его своими руками то во первых я думаю вам удастся сделать его легче, чем в этой програме и во вторых вы точно будете знать где и что находится, а так же, какой код за что отвечает.... :-)
Ответить | Ответить с цитатой | Цитировать
 

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

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


Защитный код
Обновить

 

 

 

Custom Search

 

 

Читаем так же:

Отправить в FacebookОтправить в Google BookmarksОтправить в TwitterОтправить в LinkedInОтправить в BobrdobrОтправить в LivejournalОтправить в MoymirОтправить в OdnoklassnikiОтправить в VkcomОтправить в Yaru