Создание своего шаблона под CMS Joomla (часть 1-я "ИгрищЩа" из...)

Очень краткое начальное пособие для начинающих по созданию шаблонов под Joomla. Сначала сделай, а потом подумаешь, если захочешь. Дистрибутив Joomla 1.5.20 развернул у себя на хосте. Так что выполнив действия, можно сразу же увидеть результат, если у кого-то еще не стоит этой cms.

1. Создаем 4 файла и 1 папку:
/css/style.css
/templateDetails.xml
/template_thumbnail.png
/index.php
2. наполняем их, исправляя YOUNAME на ваш никнэйм

index.php:

<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!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">
<head>
  <jdoc:include type="head" />  
<!--<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/general.css" type="text/css" /> -->
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/style.css" type="text/css" />
</head>
<body>
<div class="header">
(HEADER) This template create by <b>YOUNAME</b>
</div>
<div class="main">
  <div class="leftcolumn">
<!-- START MENU -->
<jdoc:include type="modules" name="left" style="xhtml" />
<!-- END MENU -->
  </div>
  <div class="content">
<!-- START CONTENT -->
content
<!-- END CONTENT -->
  </div>
</div>
<div class="clear">
<div class="footer">
FOOTER
</div>
</body>
</html>


template_thumbnail.png:
это мини-скрин, который будет просматриваться в админке при выборе шаблона. Конечно можно и не делать.

templateDetails.xml:
обязательный xml-ник с перечнем всех файлов шаблона

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

<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">

<install version="1.5" type="template">

<name><b>YOURNAME</b>Template</name>

<creationDate>01/09/10</creationDate>

<author><b>YOURNAME</b></author>

<authorEmail><b>YOURMAIL</b>@</authorEmail>

<authorUrl><b>YOURURL</b></authorUrl>

<copyright></copyright>

<license>GNU/GPL</license>

<version>1.0</version>

<description>testforfun</description>

<files>

<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>

<filename>css/style.css</filename>

</files>

<positions>

<position>left</position>

<position>footer</position>


</positions>

</install>


style.css:
допустим ваш файл стилей:

/* main css */
.header{
    height:100px;
    text-align: center;    
    border:1px solid;
    background-color: #f0f;
    }
.main{
    height:400px;    
    border:1px solid;    
    width: 100%;
    background-color: #f00;
    }    
.clear{clear:both;}
.leftcolumn{
    border:1px solid;    
    float:left;    
    width: 220px;
    background-color: #0ff;
    float:left;
    }
.content{
    border:1px solid;    
    text-align: center;
    background-color: #0f0;
    float:right;
    }
/* bottom css */
.footer{
    height:100px;    
    text-align: center;    
    border:1px solid;    
    background-color: #ff0;
    width: 100%;    
}


не забываем его закинуть в папочку, указанную в xml(в нашем случае css)

3. Добавляем в архив

Теперь не долго думая, архивируем zip-ом все это(с произвольным названием архива)

4. Заходим в админку!:
заходим-заходим сюда — musikant.com.ua/programilla/test/administrator/ (p/l — admin/admin)
Далее — «Расширения» — «установить» — «обзор — загружаем наш шаблон». После успешной установки — «Расширения» — «Менеджер шаблонов» — «ставим галочку напротив нашего шаблона» — " выбираем по умолчанию".
Все!
Смотрим результат там же — musikant.com.ua/programilla/test

Пожалуйста товарищи джумловеды!

Комментарии (0)

RSS свернуть / развернуть

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Не забываем смотреть статистику:

Яндекс цитирования