«БОЛЬШАЯ МЕДВЕДИЦА»

Онлайн-журнал для веб-дизайнера

Из чего состоит простой шаблон для joomla 3 и какие там должны быть буквы? Вот "рыба" для создания шаблона joomla 3.

Итак.

Создаем папку mytemplate.

Внутри нее создаем папку css и папку images для графических элементов.

Вот такая должна быть структура.

mytemplate/
       css/
              template.css
       images/
index.php
templateDetails.xml

Важное примечание: папке images не должна быть пустая, если там ничего не лежит, шаблон не установится. Пустая папка images оскорбляет систему.

Примерное содержание templateDetails.xml:

<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>mytemplate</name>
<creationDate>2014-08-01</creationDate>
<author>Anna Petyaeva</author>
<authorEmail>Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.</authorEmail>
<authorUrl>http://www.annaweb.msk.ru</authorUrl>
<copyright>Anna Petyaeva 2014</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>

<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>

Говорят, это позиции стандартные, с ними легко переключаться с шаблона на шаблон.

Содержание index.php:

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

 

<!-- Mobile viewport optimized -->
<meta name="viewport" content="width=device-width,initial-scale=1">


<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />

<jdoc:include type="message" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="footer" />
</body>
</html>

Кому интересно почитать подробное описание, что к чему, вот ссылка, я взяла необходимое для себя.
Там еще рекомендуют подключать системные стили, но я как-то не уверена, что мне это надо:

 <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

 Зато мне понравился конец стандартного шаблона protostar:

<p>
&copy; <?php echo date('Y'); ?> <?php echo $sitename; ?>
</p>
</div>
</footer>
<jdoc:include type="modules" name="debug" style="none" />
</body>
</html>

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

<?php

$app = JFactory::getApplication();
$menu = $app->getMenu();
$doc = JFactory::getDocument();
$user = JFactory::getUser();
$this->language = $doc->language;
$this->direction = $doc->direction;

// Detecting Active Variables
$option = $app->input->getCmd('option', '');
$view = $app->input->getCmd('view', '');
$layout = $app->input->getCmd('layout', '');
$task = $app->input->getCmd('task', '');
$itemid = $app->input->getCmd('Itemid', '');
$sitename = $app->get('sitename');
?>

Вообще, конечно, интересно поизучать протостар с его изумительной простотой и возможностями - но это уже не входит в задачу создания простого или базового шаблона joomla 3.

И еще одно замечание: НЕ ЗАБЫВАЙТЕ <jdoc:include type="message" />! Это отображение системных сообщений - например, об активации регистрации на сайте. 

 

© 2017 URSA-WEB / Веб-студия БОЛЬШАЯ МЕДВЕДИЦА