Вам понадобится
  • - навыки использования HTML и CSS;
  • - пакет любого шаблона Joomla.
Инструкция
1
Перед созданием макета выберите шаблон, который вы будете использовать для написания собственного кода. Это поможет вам сэкономить время и избежать написания лишних строк кода, которые являются стандартными для Joomla и используются при установке любой темы оформления.
2
Скопируйте шаблон в отдельную папку и откройте файл templateDetails.xml в его корневой директории. В данном документе хранится служебная информация, описание и название макета. Измените нужные блоки по собственному усмотрению. Например, вы можете отредактировать дескриптор <author>, чтобы изменить имя автора на ваше, указать email, адрес домашней страницы. В строке <description> вы можете ввести название для вашего будущего макета.
3
Перейдите в блок редактируемого файла. Удалите все дескрипторы, входящие в состав данного блока, начиная с <position>debug</position> и заканчивая <position>position 14</position>, оставив после операции лишь один <positions></positions>. Аналогичным образом удалите строки <languages>, <config> и <folder>Language</folder>.
4
После произведения операций сохраните изменения в файле и удалите папку language в директории с файлами шаблона. Затем откройте файл index.php при помощи используемого вами редактора и удалите все содержимое, кроме строчки:

<?php
defined(‘_JEXEC’) or die; ?>
5
Задайте папке с шаблоном любое имя, а затем запакуйте ее в архив, воспользовавшись программой-архиватором, нажав на директории вашего шаблона правой клавишей мыши и выбрав «Создать архив…». Создаваемый файл должен будет иметь расширение .zip.
6
Перейдите в панель администрирования ресурса и зайдите в раздел «Шаблоны». При помощи операции установки импортируйте только что сделанный архив и дождитесь уведомления об успешной установке. Затем включите полученный шаблон, выбрав его в меню по умолчанию.
7
Нарисуйте примерный дизайн для вашего будущего шаблона и в соответствии с ним напишите подходящий HTML-код в файле index.php. Создавайте код, используя некоторые функции движка. Так, вы можете ввести команду для автоматической подстановки стандартных заголовков Joomla:

<jdoc:include type=”head” />

Данный код включит все необходимые теги в раздел <head></head> страницы.
8
Собственный код каскадных таблиц вы можете вписать в template.css в одной из папок ресурса. После создания нового шаблона css, включите его в файл index.php при помощи <link rel = “stylesheet” href = “<?php echo $this->baseurl1 ?>/templates/<?php echo $this->template; ?&rt;/css/template.css” type = “text/css”>.
9
Дальше создайте разметку страницы при помощи кода HTML. Для этого продолжайте редактировать index.php в соответствии с вашим заданным шаблоном. При необходимости добавьте нужные позиции в блок <positions> файла templateDetails.xml, присвоив соответствующие идентификаторы каждому из разделов вашего дизайна. Так, для задания параметров заголовка вы можете создать <positions>Head</positions> и включить этот параметр в файл index.php следующим образом:

<jdoc:include type = “modules” name = “head” />
10
После создания нового заголовка head вы можете отредактировать его через окно Joomla в менеджере модулей. Для этого сделайте новую публикацию и вставьте необходимый текст и картинки, которые будут отображаться в заголовке. Проделайте такую же операцию со всеми элементами создаваемого вами интерфейса и сохраните все произведенные изменения.