Также было проведено большое обновление с уже существующими шаблонами Kunena — все они получили дополнительные 5 цветовых стилей для унификации и демонстрации большей гибкости. Все шаблоны от RoundTheme выполнены с использованием техники адаптивного дизайна и корректно отображаются на мобильных устройствах.

Также были обновлены все квикстарты до актуальных версий Joomla и Kunena, а также улучшен скрипт демо-полигона для более удобной навигации.

Страница шаблона RND Kascetic

Клуб RoundTheme — новый проект студии Round Interactive, который мы рады анонсировать как результат многомесячной работы нашего творческого коллектива.

Экосистема клуба включает в себя:

• Категории и страницы шаблонов. Удобная навигация с импровизированной сортировкой по категориям;
• Личный кабинет пользователя. Просмотр последних ответов на вопросы пользователя, заданные на форуме, быстрые ссылки на скачивание и форум. Возможность перехода на более высокий тарифный план;
• Документация. Подробная документация по общим вопросам, связанным с шаблонами Joomla, а также работа с Kunena и JComments, в том числе, уроки;
• Страница FAQ. Часто-задаваемые вопросы;
• Форум поддержки. Профессиональная поддержка шаблонов;
• Файловый архив. Установочные дистрибутивы и qucikstart’ы с установленными расширениями;
• Демо-полигон. Возможность посмотреть шаблоны и их возможности на реальных примерах;
• Валидация шаблонов. Сервис проверки легального статуса шаблонов. Пользователь вводит домен, система проверяет его наличие в базе клуба.

К сожалению для русскоязычной аудитории, весь сайт на английском, что впринципе и понятно, так как российская аудитория, не столь многочисленная, как бы хотелось и самое главное не очень любит платить. Я думаю, что для вебмастеров английский язык это не столь большая проблема :-). Для тех, кто плохо понимает английский, рекомендую жать на кнопочку «subscribe now». Во первых ребятам нужна помощь и стимул, а во вторых хорошие шаблоны, хотя бы для JComments нужны всем.

На момент написания поста клуб предлагал по подписке 5 шаблонов для JComments и 5 шаблонов для Kunena. На мой взгляд, за вполне адекватные деньги — 39 баксов. Могу вас заверить, что это нормально, так как недавно искал шаблон для Kunena, плохонький шаблончик для форума стоил от 20 баксов, а что-то приличное 40-50. Так что от всей души желаю удачи в вашем деле.

Сайт клуба: www.roundtheme.com

Кстати, для тех, кто хочет чуть-чуть халявы. Можно воспользоваться купоном на скидку 10%. Купон скидки: RNDTHEME2014RUSSIA

Код

<a href="http://december.com/html/4/element/div.html"><span><div</span></a> id="mushroom"><span></div></span>

Код

#mushroom{
    background: url(sprite<span>.gif</span>) no-repeat -36px 0px;
    height: 18px;
    width: 18px;
}

• Метод Николаса Галагера, cтилизация псевдо-элемента фоновым изображением:

Код

#first:before { 
	content: ""; 
	float: left; 
	width: 15px; 
	height: 15px; 
	margin: 4px 5px 0 0; 
	background: url(sprite<span>.png</span>) -15px 0; 
}

• Метод нового url()/clip, использование свойства content для вставки спрайта, подрезанного с помощью свойства clip:

Код

#second { 
	position: relative; 
	padding-left: 20px; 
	background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<img alt="" src="sprite.png">'+this.innerHTML); 
} 
 
#second:before, 
#second img { 
	content: url(sprite<span>.png</span>); 
	position: absolute; 
	top: 3px; 
	clip: rect(0 30px 15px 15px); 
	left: -15px;
	_left: -35px;
}

• Отображение при печати. В отличие от фоновых изображений, при печати они распечатаются в документе.
• Доступность. В отличие от фоновых изображений, они будут отображать в режиме high contrast или при контрастных CSS стилях.
• Работает в IE. Метод подходит для Internet Explorer 6 и 7.

Код

.more:after { 
	white-space:nowrap; 
	content: " <span>\00BB; /* » */
} 
.more { 
	white-space:nowrap; 
	background-image: expression(this.runtimeStyle.backgroundImage="</span>none",this.innerHTML = this.innerHTML+' »'); 
}

Простейший пример применения условий в шаблонах Joomla. У нас имеется сайт, на главной странице которого мы выводим левую колонку, ну внутренних страницах правую, или вообще никаких левых/правых контитулов, в только один контент-блок во всю ширину рабочей области. Или еще проще пример, выключаем модуль в позиции, вместе с ним прячется и вся разметка блока, обрамляющего модуль. Это и есть работа условий шаблона. 

В любом языке программирования существуют так называемые условные операторы:

if условие then команды end // условный оператор с одной ветвью.

if условие then команды1 else команды2 end // условный оператор с двумя ветвями

Благодаря им и задаются Различные условия в шаблонах Joomla. Берем нужный нам параметр и задаем условия согласно его значению. Ничего архисложного, как видите. Разберем вышеописанные примеры:

готовые рецепты

$showLeftColumn = ($this->countModules('menu') or $this->countModules('mod'));

/* Создаем переменную $showLeftColumn значением которой будет проверка включения модулей в 
*/
/* позции 
menu или mod. Для удобства переменные принято объявлять вначале документа. */


<?php if($this->countModules('menu') or $this->countModules('mod')) : ?>

<!-- Универсальное условие для проверки подключенных модулей в позиции -->

   <section class="left">

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

     <aside><jdoc:include type="modules" name="mod" style="modbox"/></aside>

   </section>

<?php endif; ?>   



<section class="articles<?php if ($showLeftColumn==NULL){ echo ' bigger';} ?>">

<!-- Если переменная $showLeftColumn==NULL, то есть в позициях menu и mod пусто, то к 
class="articles" добавится bigger. class="articles bigger" -->

   <div class="content">

  <jdoc:include type="message" />

  <jdoc:include type="component" />

   </div>

</section>

<style>
.left{width:240px;float:left;}
.articles{margin:0 0 0 250px;float:right;}
.articles.bigger{margin:0;float:none;}
</style>

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

По этому я считаю правильнее пойти от обратного, нужно выбрать варианты когда лишние JS на странице действительно не нужны. Это решит проблему со сторонними компанентами и частично с выводом модулей. Когда нам не нужны на странице лишние яваскрипты? Во первых это посещение сайта роботами, но к сожалению cверять $_SERVER["HTTP_USER_AGENT"] с списком имен всех существующих роботов накладно в плане процессорного времени, по этому это случай расматривать не буду. Во вотрых это страницы компонента com_content в режиме просмотра материала. Кто то захочет так же отключть их вывод на странцах вывода категорий.

$view = JRequest::getVar('view', null, 'get', 'word');
 $option= JRequest::getVar('option', null, 'get', 'word');
if (($option=='com_content')and(($view=='category')or($view=='article'))) {
    //выполняем код по ограничению вывода mootools
    if (isset($this->_scripts)and(count($this->_scripts))){
        foreach ($this->_scripts as $key => $value) {
            if (preg_match("/media\/system\/js/i", $key)) {
                unset ($this->_scripts[$key]);
            }
        }
    }
    //вырезаем строку  window.addEvent('load', function() { new JCaption('img.caption');    });
    if (isset($this->_script)and(count($this->_script))){
        preg_match("/window\.addEvent\('load',\sfunction\(\)\s\{[\s]*new\sJCaption\('img\.caption'\);[\s]*\}\);/iU", $this->_script['text/javascript'],$match);
        if (isset($match[0])) {
            $this->_script['text/javascript']=str_replace($match[0],'',$this->_script['text/javascript']);
        }
        //вырезаем тултип
        preg_match("/window\.addEvent\('domready',\sfunction\(\)\s\{[\s]*[$]+\('\.hasTip'\)\.each\(function\(el\)\s\{[\s]*var\stitle\s=\sel\.get\('title'\);[\s]*if\s\(title\)\s\{[\s]*var\sparts\s=\stitle\.split\('::', 2\);[\s]*el\.store\('tip:title',\sparts\[0\]\);[\s]*el\.store\('tip:text',\sparts\[1\]\);[\s]*\}[\s]*\}\);[\s]*var\sJTooltips\s=\snew\sTips\([$]+\('\.hasTip'\),\s\{\smaxTitleChars:\s50,\sfixed:\sfalse\}\);[\s]*\}\);/iU", $this->_script['text/javascript'],$match2);
        if (isset($match2[0])) {
            $this->_script['text/javascript']=str_replace($match2[0],'',$this->_script['text/javascript']);
        }
    }
}

Данный код вставляется в index.php вашего шаблона после

<code>defined('_JEXEC') or die;</code>

Если список страниц сайта на которых не нужно использования Mootools нужно расширить  то нужно просто добавить необходимые условия в условный опратор if. По моему разумению, это именно те страници где нужна хорошая скорость загрузки материала.

P.S. просмотрите код вашего шаблона на наличие в нем вызова функции JHtml::_('behavior.framework', true); и ему подобных. Проанализируйте, с какой целью авторы данного шаблона делают вызов JS библиотек, если поймете что это лишнее, то закоментируйте их. Иначе все будет напрасно, так как их подключение произойдет пойзже, нашей очистки обекта шаблона от данных скриптов. Будьте внимательны.

Благодарю за внимание!

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

Вносить изменения будем в файл templates\имя_шаблона\index.php

Для того что бы выяснить какие переменные содержит объект нашего шаблона после строчки

defined('_JEXEC') or die;

print_r($this);

JDocumentHTML Object
(
    ...
    [_scripts] => Array
        (
            [/media/system/js/mootools-core.js] => Array
                (
                    [mime] => text/javascript
                    [defer] =>
                    [async] =>
                )
            [/media/system/js/core.js] => Array
                (
                    [mime] => text/javascript
                    [defer] =>
                    [async] =>
                )
            [/media/system/js/caption.js] => Array
                (
                    [mime] => text/javascript
                    [defer] =>
                    [async] =>
                )
            [/media/system/js/mootools-more.js] => Array
                (
                    [mime] => text/javascript
                    [defer] =>
                    [async] =>
                )
        )
    [_script] => Array
        (
            [text/javascript] => window.addEvent('load', function() {
                new JCaption('img.caption');
            });
        )
    ...
)

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

Когда нам может погрузка этих скриптов? На ум приходит создание нового материала или редактирование существующего. Сделаем в шаблоне проверку на эти условия.

$view = JRequest::getVar('view', null, 'get', 'word');
$layout = JRequest::getVar('layout', null, 'get', 'word');
if (!(($view=='form')and($layout='edit'))) {
    //выполняем код по ограничению вывода mootools
    if (isset($this->_scripts)and(count($this->_scripts))){
        foreach ($this->_scripts as $key => $value) {
            if (preg_match("/media\/system\/js/i", $key)) {
                unset ($this->_scripts[$key]);
            }
        }
    }
    //вырезаем строку  window.addEvent('load', function() { new JCaption('img.caption');    });
    if (isset($this->_script)and(count($this->_script))){
        preg_match("/window\.addEvent\('load',\sfunction\(\)\s\{[\s]*new\sJCaption\('img\.caption'\);[\s]*\}\);/iU", $this->_script['text/javascript'],$match);
        if (isset($match[0])) {
            $this->_script['text/javascript']=str_replace($match[0],'',$this->_script['text/javascript']);
        }
        //вырезаем тултип
        preg_match("/window\.addEvent\('domready',\sfunction\(\)\s\{[\s]*[$]+\('\.hasTip'\)\.each\(function\(el\)\s\{[\s]*var\stitle\s=\sel\.get\('title'\);[\s]*if\s\(title\)\s\{[\s]*var\sparts\s=\stitle\.split\('::', 2\);[\s]*el\.store\('tip:title',\sparts\[0\]\);[\s]*el\.store\('tip:text',\sparts\[1\]\);[\s]*\}[\s]*\}\);[\s]*var\sJTooltips\s=\snew\sTips\([$]+\('\.hasTip'\),\s\{\smaxTitleChars:\s50,\sfixed:\sfalse\}\);[\s]*\}\);/iU", $this->_script['text/javascript'],$match2);
        if (isset($match2[0])) {
            $this->_script['text/javascript']=str_replace($match2[0],'',$this->_script['text/javascript']);
        }
    }
}

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

$view = JRequest::getVar('view', null, 'get', 'word');
$layout = JRequest::getVar('layout', null, 'get', 'word');
if (!(($view=='form')and($layout='edit'))) {
    //выполняем код по ограничению вывода mootools
    if (isset($this->_scripts)and(count($this->_scripts))){
        $this->_scripts=array();
    }
   
    if (isset($this->_script)and(count($this->_script))){
       $this->_script['text/javascript']='';
      
    }
}

Статья сделана по материалам JoomlaForum joomlaforum.ru/index.php/topic,197566.0.html

Выражаю благодарность участнику форума Poznakomlus за раскрытие данной темы.

Благодарю читателей за внимание!

<jdoc:include type="component" />

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

    1. type — типы элементов вывода.

• component — как писал выше, выводит основное содержание страницы. Может вызываться только один раз в шаблоне.
• head — объявляется так же один раз после открывающего тэга <head>. Служит для вывода стилей, скриптов, <title> и метаданных текущей страницы.
• message - выводит системные сообщения. Объявляется один раз в теле документа (body).
• installation  — ничего не выводит и представляет собой «инструкцию» для установки.
• module — выводит на странице единичный модуль. Количество объявлений не ограничено.
• modules — в отличии от предыдущего типа, позволяет выводить в своей позиции не единичое число модулей.

Для первых четырех указанных типов достаточно лишь указать их на странице. В случае с типом модуля задача немного усложняется. Для того, чтобы вывести на странице модуль нам нужно сперва создать для него модульную позицию с уникальным идентификатором (название позиции модуля). Это делается при помощи атрибута name=«имя позиции» и обязательным добавлением строки:

<position>название позиции</position>

    2. style — описание стиля вывода (mod chrome).

От указанного стиля зависит внешний вид и структура оболочки модуля. Выглядит как

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

• xhtml - выводит модуль в блоке с заголовком

  function modChrome_xhtml($module, &$params, &$attribs)
  {
      if (!empty ($module->content)) : ?>
          <div class="moduletable<?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?>">
          <?php if ($module->showtitle != 0) : ?>
              <h3><?php echo $module->title; ?></h3>
          <?php endif; ?>
              <?php echo $module->content; ?>
          </div>
      <?php endif;
  }

• table — выводит модуль в верстке табличной структуры
  

  function modChrome_table($module, &$params, &$attribs)
  { ?>
      <table cellpadding="0" cellspacing="0" class="moduletable<?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?>">
      <?php if ($module->showtitle != 0) : ?>
          <tr>
              <th>
                  <?php echo $module->title; ?>
              </th>
          </tr>
      <?php endif; ?>
          <tr>
              <td>
                  <?php echo $module->content; ?>
              </td>
          </tr>
          </table>
      <?php
  }

• horz — выводит содержимое модуля в ячейке таблицы, горизонтально

  function modChrome_horz($module, &$params, &$attribs)
  { ?>
      <table cellspacing="1" cellpadding="0" width="100%">
          <tr>
              <td>
                  <?php modChrome_table($module, $params, $attribs); ?>
              </td>
          </tr>
      </table>
      <?php
  }

• rounded — выводит модуль в нескольких вложенных блоках для сложного стилевого оформления в виде графических границ (напр. закругленных углов)

  function modChrome_rounded($module, &$params, &$attribs)
  { ?>
          <div class="module<?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?>">
              <div>
                  <div>
                      <div>
                          <?php if ($module->showtitle != 0) : ?>
                              <h3><?php echo $module->title; ?></h3>
                          <?php endif; ?>
                      <?php echo $module->content; ?>
                      </div>
                  </div>
              </div>
          </div>
      <?php
  }

• outline — добавляет к блоку модуля предустановленные стили css

  function modChrome_outline($module, &$params, &$attribs)
  {
      static $css=false;
      if (!$css)
      {
          $css=true;
          jimport('joomla.environment.browser');
          $doc = JFactory::getDocument();
          $browser = JBrowser::getInstance();
          $doc->addStyleDeclaration(".mod-preview-info { padding: 2px 4px 2px 4px; border: 1px solid black; position: absolute; background-color: white; color: red;}");
          $doc->addStyleDeclaration(".mod-preview-wrapper { background-color:#eee; border: 1px dotted black; color:#700;}");
          if ($browser->getBrowser()=='msie')
          {
              if ($browser->getMajor() <= 7) {
                  $doc->addStyleDeclaration(".mod-preview-info {filter: alpha(opacity=80);}");
                  $doc->addStyleDeclaration(".mod-preview-wrapper {filter: alpha(opacity=50);}");
              }
              else {
                  $doc->addStyleDeclaration(".mod-preview-info {-ms-filter: alpha(opacity=80);}");
                  $doc->addStyleDeclaration(".mod-preview-wrapper {-ms-filter: alpha(opacity=50);}");
              }
          }
          else
          {
              $doc->addStyleDeclaration(".mod-preview-info {opacity: 0.8;}");
              $doc->addStyleDeclaration(".mod-preview-wrapper {opacity: 0.5;}");
          }
      }
      ?>
      <div class="mod-preview">
          <div class="mod-preview-info"><?php echo $module->position."[".$module->style."]"; ?></div>
          <div class="mod-preview-wrapper">
              <?php echo $module->content; ?>
          </div>
      </div>
      <?php
  }

• none — аналогично не указанному вообще style. Выводит модуль без оформления и заголовка

  function modChrome_none($module, &$params, &$attribs)
  {
      echo $module->content;
  }

Все предустановленные стили располагаются в файле templates/system/html/modules.php. Но мы не ограничены использованием только предоставленных вариантов, а вполне можем создавать свои собственные.

    3. Создание пользовательского mode chrome.

Итак, предоставленные по умолчанию типы представления модулей не удовлетворяют текущих требований. Нужно добавить свой собственный стиль оформления. В качестве примера выберем достаточно часто повторяющуюся ситуацию. По заданию нужно вместо <h3> поместить заголовок модуля в тэг <span>, который является семантически нейтральным. Так же требуется поместить контентблок модуля в отдельный <div>. Для создания собственного стиля вывода модуля, воспользуемся стандартными средствами. В большинстве шаблонов  Joomla существет папка html/ (templates/имя шаблона/html/), используется для так называемой шаблонизации. То есть, если скопировать в эту папку шаблон модуля,  то вместо шаблона из директории modules/my_module/tmpl/default  будет выводиться файл из templates/имя шаблона/html/my_modules/default. Аналогично шаблонизируются и компоненты. Удобно и практично. В папке html/ Вашего шаблона создадим файл modules.php. Если такой папки в шаблоне нет, то создадим ее. В файл запишем

<?php
function modChrome_modbox($module, &$params, &$attribs) // Вызываем функцию
{
    if (!empty ($module->content)) : /* Проверяем наличие в поиции включенного модуля */?>
        <div class="moduletable<?php echo htmlspecialchars($params->get('moduleclass_sfx')); /* выводим суффикс css класса модуля */ ?>">
        <?php if ($module->showtitle != 0) : /* проверяем включен ли заголовок модуля */ ?>
            <span class="title"><?php echo $module->title; /* Выводим заголовок */ ?></span>
        <?php endif; ?>
            <div class="modcontent">
                <?php echo $module->content; /* Выводим содержимое модуля */ ?>
            </div>
        </div>
    <?php endif;
}
?>

<jdoc:include type="modules" name="user1" style="modbox"/>

<jdoc:include type="modules" name="mymodule" />

type=«modules» — указания типа выводимого элемента.

name=«mymodule» — название модульной позиции.

Минимальная информация, необходимая для создания позиции в шаблоне. Используется для вывода на странице модулей, например: меню навигации, формы авторизации, «хлебных крошек» и т.д. Так же можно указывать title="" для обозначения подсказки, style="" для обозначения стиля вывода модуля. В случае отсутствия style модуль будет выводиться без заголовка. Обозначения стилей подробнее разберем в следующих статьях. А пока, в качестве наглядного примера создадим простой шаблон для Joomla.

Для этого необхомо создать пустую папку c произвольным названием, пусть будет mytemplate, в ней создадим папку css. Далее создадим файлы templateDetails.xml, index.php и пустой файл index.html для защиты от несанкционированного просмотра содержимого папки. В css/ файл стилей template.css.

Содержимое templateDetails.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd"> <!-- Общая для всех xml шапка, определяющая тип документа и его кодировку -->
<extension version="2.5" type="template" client="site"> <!-- Указание инсталлятору Joomla о версии и типе устанавливаемого расширения -->
    <name>mytemplate</name> <!-- Имя шаблона в списке менеджера шаблонов -->

    <files> <!-- Контейнер для списка файлов шаблона. -->
        <folder>css</folder> <!-- Указание папок -->
        <filename>index.html</filename> <!-- Указание файлов -->
        <filename>index.php</filename>
    </files> <!-- Обязательно требуется для стандартного установщика Joomla. Важно! Если информация о папках или файлах, указанная в данном блоке не соответствуют действительности, например не верно указано имя, или файл отсутствует, то получим ошибку установки -->

    <positions> <!-- Контейнер для списка модульных позиций шаблона -->
        <position>debug</position> <!-- Указание имени модульной позиции -->
        <position>header</position>
        <position>menu</position>
        <position>footer</position>
    </positions>
</extension>

<?php
// Защита от прямого обращения к сценарию.
defined('_JEXEC') or die;
?>
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>">
<meta charset="utf-8">
<head>
        <jdoc:include type="head" /> // Требуется для вывода информации <title></title>, meta стилей и скриптов расширений.
        
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css">
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css">
        // Подключаем системные стили
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css">
        // Подключаем файл стиля шаблона. Важно! Путь к файлу необходимо указывать в точности, как написано здесь, то есть абсолютный путь. 
        // В противном случае чревато неправильным отображением шаблона на внутренних страницах. То же касается и подключения js файлов.
</head>
  <body>
    <div id="page"> 
        <header>
            <jdoc:include type="modules" name="header" /> // Модульная позиция header
        </header>
        <nav>
            <jdoc:include type="modules" name="menu" style="xhtml" /> // Модульная позиция menu
        </nav>
        <section>
            <jdoc:include type="message" /> // Позиция вывода системных сообщений
            <jdoc:include type="component" /> // Вывод информации компонентов
        </section>
        <footer>
            <jdoc:include type="modules" name="footer" /> // Модульная позиция footer
        </footer>
    </div>
    <jdoc:include type="modules" name="debug" /> // Вывод отладочной информации
  </body>
</html>

body{margin:0;padding:0;}
header,nav,section,footer{display:block;padding:5px;}
#page{border:1px #000 solid;width:960px;margin:0 auto;}
header{height:100px;}
nav{width:200px;float:left;margin:10px 0;}
section{width:730px;float:right;margin:10px 0;}
footer{height:100px;}

Пример, наглядно демонстрирующий простоту работы с шаблонами Joomla. Алгоритм несложный, взять готовый шаблон HTML и вывести в нужных местах нужные элементы. Конечно же, в более сложных шаблонах приходится использовать условия отображения, скрипты, пользоваться другими возможностями Joomla, а так же вести разработку на различных шаблонных фрэймворках (Gantry, T3 и т.д.). Но если Вам не требуется ничего сверхординарного и сложного, то вполне можно обойтись даже описанным выше простейшим функционалом.