Создание шаблона для Joomla 1.7. Добавление позиций в шаблон. Часть 3.

Создание шаблона для CMS Joomla

Доброго времени суток. В первых двух частях серии постов про создание шаблона для CMS Joomla мы рассмотрели структуру шаблона, во второй части мы переделали сверстанный макет в шаблон Joomla. Если Вы всё проделали со мной, то наверное возмутились: «И что это за чепуха, ведь ничего не отображается?» И Вы будете правы ни модули, ни контент на вновь созданном шаблоне для Joomla не отображаются. Данная часть и посвящена исправлению данной проблемы. Ниже мы немного изменим css-файл нашего шаблона, добавим в наш шаблон Joomla позиции, в которые затем поместим различные модули и добьемся отображения контента. Ну, что продолжим создавать свой собственный шаблон для CMS Joomla...

 Первое, что хотелось бы изменить так это css-файл нашего шаблона. Давайте уберем background во всех div-ах, чтобы наш шаблон не был таким пестрым (в начале я сделал это умышленно, и многих это раздражало, это было сделано для того чтобы хорошо представлять структуру нашего шаблона joomla).
Теперь наш шаблон выглядит просто и не пестрит различными цветами, что уже хорошо. Вспомним структуру эскиза для нашего шаблона joomla.

Эскиз шаблона для Joomla.

 Согласно этой структуре мы уже создали шаблон CMS Joomla, теперь добавим в него позиции.

• Область 1 – это позиция для логотипа нашего сайта и назовем её «logo»
• Область 2 – это позиция для поиска по сайту, назовем её «find»
• Область 3 – это позиция для верхнего меню, назовем её «top-menu»
• Область 4 – это позиция для отображения различной информации в левой колонке, назовем её «left»
• Область 5 – это позиция для отображения самого контента нашего сайта, назовем ее «content»
• Область 6 – это позиция для отображения информации в правой колонке, назовем ее «right»
• Область 7 – это позиция для отображения футера нашего сайта, назовем ее «footer».

Итак, с областями мы разобрались. Осталось все это реализовать на практике.
Открываем наш файл index.php (напомню, index.php – это основной файл шаблона CMS Joomla, в котором определяется вся структура нашего сайта) и изменяем его. Для того чтобы определить позицию в шаблоне Joomla существует следующая структура:

<jdoc:include type="<тип>" name="<название>" />

Приступим к редактированию нашего файла, согласно структуре нашего эскиза:

• Область 1. В внутри тега <div id= "logo"> вставляем следующий код <jdoc:include type="modules" name="logo" />. Этим самым в области 1 мы определили позицию logo.
• Область 2. В внутри тега <div id= "find"> вставляем следующий код <jdoc:include type="modules" name="find" />. Этим самым в области 2 мы определили позицию logo.
• Область 3. В внутри тега <div id= "top_menu"> вставляем следующий код <jdoc:include type="modules" name="top_menu" />. Этим самым в области 3 мы определили позицию top_menu.
• Область 4. В внутри тега <div id= "left"> вставляем следующий код <jdoc:include type="modules" name="left" />. Этим самым в области 4 мы определили позицию top_menu.
• Область 5. В внутри тега <div id= "center"> вставляем следующий код <jdoc:include type="component" />. Этим самым в области 5 мы определили позицию для вставки компонетов, т. е. Отображения нашего контента.
• Область 6. В внутри тега <div id= "right"> вставляем следующий код <jdoc:include type="modules" name="right" />. Этим самым в области 6 мы определили позицию right.
• Область 7. В внутри тега <div id= "footer"> вставляем следующий код <jdoc:include type="modules" name="footer" />. Этим самым в области 7 мы определили позицию footer.

После того как мы внесли изменения в файл index.php, необходимо указать CMS Joomla о наличии в данном шаблоне этих позиций. Для этого нам необходимо отредактировать файл templateDetails.xml. Описание позиций происходит в секции <positions></positions>. И так, добавим в файл templateDetails.xml нашего шаблона для CMS Joomla следующее:
<positions>
<position>logo</position>
<position>find</position>
<position>top_menu</position>
<position>left</position>
<position>right</position>
<position>footer</position>
</positions>
После того, как мы описали Joomla новые позиции для нашего шаблона, переходим в главном меню CMS Joomla Расширения → Менеджер расширений и во вкладке «Поиск» жмем «Найти» для того чтобы CMS Joomla перечитала наш конфигурационный файл шаблона. После чего заходим в менеджер модулей и редактируем любой модуль (выбираем позицию из нашего шаблона). Готовый шаблон Вы можете скачать ТУТ.
Например: В менеджере модулей выбираем модуль под заголовком «Информация о Joomla!»

Выбор позиции модуля.

Щелкаем по «Выбор позиции» и в открывшемся окне выбираем позицию «left» нашего шаблона «lesson»

Позиции в шаблоне для CMS Joomla. 

 После чего жмем «Сохранить и закрыть» и переходим в просмотр нашего сайта. В центре должен отобразиться контент, а в левой колонке меню «Информация о Joomla!».

На этом статья, посвященная «Созданию шаблона joomla. Добавление позиций.» закончена.
В следующей статье мы рассмотрим как изменить представление модулей для нашей темы, т. е. интегрировать модули в дизайн нашего шаблона для CMS Joomla.

Как правильно составлять xml-файл читайте в статье "Файлы объявления в CMS Joomla. Правила составления xml файла в Joomla."
Всем удачи в разработке шаблонов для CMS Joomla!!!

Понравилась статья? Поблагодарить автора:

Введите e-mail адрес: