С использованием данного комплекта вы точно
создадите HTML-страничку без особых проблем.
При создании файла index.html все картинки должны быть помещены в
каталог images, а файл со стилями — в каталог ess.
После создания index.html откройте его в браузере и убедитесь, что созданная
страничка отображается без ошибок. Для большей наглядности будем
использовать файл index.html из листинга 4.1.
Глава 4. Разработка шаблонов для Joomla!
65
Место для заголовка
Место для левого блока |
Главная область |
4.2.4. Создание index.php —
главного файла шаблона
Затем нужно переименовать index.html в iwdex.php. Тег и секцию
заменяем кодом из листинга 4.2.$iso[l] . ,,,?r . ·>·; ?>
>/> ~
id ) { initEditor(); } ?>
echo $GLOBALS['cur_template']; ?> rel="»stylesheet»">
type=»text/css» />
Теперь в местах, где должны быть выведены соответствующие части
страницы, нужно вставить PHP-код в соответствии с табл. 4.1.
Таблица 4.1. Вывод соответствующих частей страницы
Часть страницы
Главная область
Модуль слева
Модуль справа
Модуль согласно позиции,
показанной на рис. 4.1
Текущая дата
Навигация (список разделов)
Имя сайта
Низ страницы
РНР-код
include_once(
$GLOBALS['mosConfig_absolute_pathf]
‘/includes/footer.php’ );
?>
Примечание
У функции mosLoadModuieO есть два параметра— первый задает
позицию, а второй — стиль вывода модуля:
? 1 — горизонтальный вывод модуля;
? -1 — вывод модуля без заголовка;
? -2 — вывод модуля с использованием блоков div;
? -3 — создание в модуле круглых углов.
Пример использования:
mosLoadModules( «left», -3 )
Глава 4. Разработка шаблонов для Joomla!
67
В нашем случае получится файл index.php, показанный в листинге 4.3.
«http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd»>
$iso[l] .,,,?, . ·>·; ?>
echo $GL0BALS[¦cur_template']; ?> rel="»stylesheetM">
type=»text/css» />
68
Часть I. CMS Joomla!
Наш демонстрационный файл index.html не содержал картинок. Сделано это
умышленно — для упрощения кода. На практике у вас будут картинки,
поэтому нужно изменить путь к картинкам. Сейчас все теги выглядят так:
Следует исправить данный код так:
НАЗВАНИЕ_ШАБЛ0НАпате>
,UATA_C03flAHMH
HMH_ABTO?A
ИH?OPMAЦИЯ_OБ_ABTOPCKИX_?PABAX
EMAIL_ABTOPA
CAIfr_ABTOPA
BEPCИЯJIIAБЛOHA
O?ИCAHPlE_lIIAБЛOHA
index.php
template_thumbnail.png
images/logo.gif
Глава 4. Разработка шаблонов для Joomla!
69
css/css.css
В секции описываются все файлы шаблона, не являющиеся
картинками или CSS-файлами, поскольку картинки описываются в секции
, a CSS-файлы— в секции . Обратите внимание на файл tem-
plate_thumbnail.png— это миниатюрное изображение вашего шаблона, т.е.
миниатюра, позволяющая понять, как будет выглядеть сайт после установки
вашего шаблона. Настоятельно рекомендуется создать этот файл, если вы
планируете распространять свой шаблон. Размер миниатюры — примерно
200×200 пикселов.
Примечание
Быстро создать XML-файл можно с помощью программы XML Template
Generator, которую вы найдете в каталоге Glava_4 (программа написана на
РНР).
Теперь вам осталось запаковать каталог шаблона (у нас это my_template) в
ZIP-архив с именем my_template.zip. Шаблон готов к установке.
Примечание
Каталог my_template со всеми созданными в процессе разработки шаблона
файлами вы найдете в каталоге Glava_4 компакт-диска.
ЧАСТЬ II
PHP-Nuke
Во второй части рассматривается одна из самых первых систем
управления контентом — PHP-Nuke.
5th Фев 2011
|
Теги:
|