https://windows37.ru

Как создать шаблон joomla самому.Часть№1
(26 Голосов)

верстка шаблона joomla

Чтобы сделать шаблон joomla нам нужно сверстать каркас, я для примера буду верстать двух колоночный макет на дивах(div), каркас нашего шаблона будет выглядеть примерно так





код шаблона на данный момент будет выглядеть так

<html>
<head>
<title>Шаблон Joomla</title>
</head>

<body>


<div id="conteiner">

 <div id="headr">Шапка сайта</div>
 
 <div id="right">Правая калонка для меню</div>
 
 <div id="content">Контент сайта</div>
 
 <div id="footer">Подвал сайта</div>

</div>

</body>
</html>


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

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

в параметре name нужно указать название позиции в нашем случае позиция будет иметь названия right


вставлять эту строчку как вы догадались нужно в див контейнер в котором будут выводится модули joomla, выглядеть это будет так

<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>


В нашем случае позиции у нас будут две это правая колонка для вывода модуля меню (к примеру) и подвал сайта, по этому я вставил две строчки php кода в контейнеры right и footer, теперь код нашего шаблона выглядит так

<html>
<head>
<title>Шаблон Joomla</title>
</head>

<body>


<div id="conteiner">
 <div id="headr">Шапка сайта</div>
 
 <div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
 
 <div id="content">Контент сайта</div>
 
 <div id="footer"><jdoc:include type="modules" name="footer" style="xhtml" /></div>
</div>

</body>
</html>

Подведем итоги, шаблон у нас сверстан, php код для вывода модулей у нас вставлен в нужные див контейнеры.


В следующей статье мы вставим php код который будет выводить содержимое сайта, названия сайта а также код который будет подключать стили и вставлять в страницу ключевые слова и описания страницы.

Обсудить тему на форуме.

Twitter
Расширения для Joomla
 

Комментарии  

 
+4 #4 Сергей 25.03.2011 09:05
Цитирую Fakir:
Когда следующая статья?

На тему?
Цитировать
 
 
+4 #3 15.03.2011 14:59
Когда следующая статья?
Цитировать
 
 
-3 #2 15.03.2011 12:04
Цитирую JohnnySuperb:
А в рисунке специально шапка неправильно написана и правая колонка по другому названа?

)))
Цитировать
 
 
+15 #1 09.01.2011 06:24
А в рисунке специально шапка неправильно написана и правая колонка по другому названа?
Цитировать
 

Добавить комментарий


Защитный код
Обновить