Создание шаблона для joomla.

imagesСоздание шаблона для joomla.


  И так, в предыдущей статье я рассказал, как создать простой резиновый шаблон. При создании этого шаблона я использовал только блочную верстку.     Теперь в этой статье я расскажу, как из этого шаблона создать уже рабочий шаблон, для joomla который будет устанавливаться обычным способом через панель управления.
   И начнем мы с того что переименуем наш файл index.html в index.php.
  После того как мы переименовали файл нам нужно изменить его внутреннюю структуру кода.
  Я подробно рассказывать, что для чего здесь не буду, думаю и так все будет понятно. Я просто опишу основные фрагменты кода, что этот код выполняет.
  И так открываем наш главный файл шаблона, который мы переименовали из index.html в index.php в любом редакторе и первым делом меняем весь код который находится перед тегом <head>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 

 

На вот такой код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >

 

 

 

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

 

<?php
/**
* Template for Joomla by Andrey
* @author Andrey
* @copyright Copyright (c) 2012, www.businessumcha.com
* @license GNU GPL
*/
defined('_JEXEC') or die;
?>
 

 

Должно получиться вот так:

 

images

 

Дальше идем по порядку и между тегами <head></head> убираем строку:


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>


А вместо ее вставляем php код, который нам полностью ее и заменит:


<jdoc:include type="head" />


  Так же между этими тегами заменим наши подключения стилей и файлов с скриптами js.
  Удалим наши подключения, которые мы писали для шаблона html и пропишем, так как должно быть прописано в шаблоне для joomla:
 

<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ;?>/templates/mynevtemplate/js/jquery.js" ></script>
<script type="text/javascript" src="<?php echo $this->baseurl ;?>/templates/mynevtemplate/js/equalHeight.js" >

 

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


<jdoc:include type="component" />


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


<jdoc:include type="message" />


Вставляем ее перед предыдущей:

 

  Дальше вставляем, в те места где должны выводится модули, в левой колонке, в правой, в футере и т.д. 
Следующую конструкцию:


<jdoc:include type="modules" name="right" style="xhtml" />


  Это говорит joomla, что в этом месте должен выводится модуль, "modules" название позиции "right" стили для модуля "xhtml".
Вы наверное уже догадались, что style=”xhtml” это стиль модуля. Всего их существует 5 основных стилей:

none – вывод содержимого модуля, без оформления и заголовка
table – вывод модуля в виде таблицы
horz – вывод модуля в теге <td> другой таблицы
xhtml – вывод модуля в теге “div” и заголовка модуля в теге “h3″
rounded – вывод модуля в 4-х “div”, в основном используется для вывода модуля с закругленными углами
outline – используется для отладочной информации


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

Предыдущая Следующая



 

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

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


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

 

 

 

Custom Search

 

 

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

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