Главная arrow РАССЫЛКА arrow № 23. Шаблоны Joomla. Часть 3
18.06.2018 г.

Joomla для начинающих

Опрос (НОВЫЙ!)

Интересна ли Вам тема интернет-магазина для Джумлы?

Авторизация






Забыли пароль?

Последние 3 записи в Гостевой

Елена Васильева
Перед покупкой прилегающей одежды важно знать вашу форму тела. Некоторые женщины имеют неправильное представление о том, что ношение прилегающей одежд
Slimera Garcinia Cam
. You can select any trustworthy hospital when you purchase slimming tablets online.So searching for a sliming treatment? Wish to loose weight as earl
Фактор 4
Этот тип упражнений делается на коленях или лежа на животе. Это упражнение также устраняет напряжение в спине и шее, которое можно получить, делая скр

Сайты как небоскрёбы

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

 

 

Последние новости
  • Компания Microsoft в июле 2015 года объявила о сокращении более 7 тысяч рабочих мест.
  • Facebook проектирует строительство дата-центра, электричество для которого будет полностью вырабатываться от энергии ветра.
Реклама:
 

№ 23. Шаблоны Joomla. Часть 3 Печать E-mail
Автор Леонид Мальков   
20.04.2008 г.

Шаблоны Joomla. Часть 3.
(Создание шаблона с табличной резиновой версткой)

Уровень: Пользователь - Веб-мастер

Чтобы быть "в теме", рекомендуем прочитать или вспомнить, если Вы их читали раньше, следующие выпуски нашей рассылки:

  • выпуск №4 Что скрыто в свободно распространяемых шаблонах Joomla
  • выпуск №5 Подгоняем шаблон под себя. Замена рисунков

Сразу к делу!

Здравствуйте, уважаемые подписчики. Сегодня мы продолжаем изучение шаблонов для Джумы. А конкретнее, попытаемся вместе создать шаблон с чистого листа. Этот вопрос из разряда FAQ и он уже более менее подробно описан в различных источниках. Даем ссылки на найденные нами:

Что-то новое сказать по этому поводу сложно. О чем же этот выпуск? Просто перед нами встала задача разобраться с устройствм (внутренней структурой) шаблона для Джумлы. В результате практической работы и появился материал для этого выпуска. Как результат, мы продемонстрируем Вам резиновый шаблон для Джумлы с табличным дизайном. Сразу подчеркнем, что это учебный шаблон, содержащий минимум необходимых элементов, чтобы шаблон заработал. В этом шаблоне отсутсвует стилевое оформление, то есть css-файл, в нем присутствующий, пустой. Это не от того, что мы не хотим делиться важной информацией, о стилевом оформлении расскажем в следующих выпусках :)

Шаблон Джумла - с какой стороны зайти?!

С чего начали мы? Нашли информацию (см. ссылки выше), пробежались по ней, нашли несколько реальных шаблонов - сравнили их структуру и что из этого поняли, расскажем ниже. Html-страница состоит из заголовка и тела (все между тегами <body>...</body>). Как эти части формируются в шаблоне?

Заголовок html-страницы в шаблоне Джумлы

Рассмотрим по частям код заголовка из нашего учебного шаблона:

<?php
defined( "_VALID_MOS" ) or die( "Доступ к этой странице запрещен." );
// Выделить номер кодировки ISO из константы _ISO
$iso = explode( '=', _ISO );
// xml пролог
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
$templ = $GLOBALS[mosConfig_live_site]."/templates/".$GLOBALS[cur_template];
?>

Код любого шаблона для Джумла должен находиться в файле Index.php. Выше Вы видите начало этого файла. Мы не будем описывать каждую строку файла, исходя из принципа, не надо въезжать во все сразу, берегите свой мозг :) Вначале остановимся на самом необходимом.

Что интересно здесь!
Кодировка html-страницы (в Joomla-1.0.12-Re это "windows-1251") берется АВТОМАТИЧЕСКИ из ядра Джумлы (константа "_ISO"). То есть кодировка (UTF-8, западноевропейская и т.д.) не задана в шаблоне, поэтому данный шаблон в неизменом виде могут использовать даже китайцы :)
Переменная $tmpl. Ее заводим для удобства, где храним url к файлам шаблона (нам может понадобиться обращение к CSS или изображениям, если шаблон такие содержит).

Вторая часть заголовка:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta http-equiv="Content-Language" content="ru"/>
<link rel="stylesheet" href="<?php echo $templ; ?>/css/template_css.css" type="text/css" />
</head>

Важно, как формируется содержимое <head>...</head>.
В шаблоне могут вызываться функции ядра Джумлы. Вызов mosShowHead(); пример такого вызова. В его результате сформируется тег <title> и следующие метатеги заголовка страницы: description, keywords, generator, robots.
Далее указывается кодировка страницы и подключается css-файл шаблона.

Заголовок страницы сформирован!

Тело html-страницы в шаблоне Джумлы

Далее идет творчество дизайнера и верстальщика :) На сколько хватит у Вас фантазии и мастерства :) таким и будет шаблон. Верстка у нас табличная, шапку сайта видим такой:

Верхнее меню

Поиск...

Шапка сайта

Строка навигации по сайту ("крошка") Дата

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

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="85%" bgcolor="#CCCCCC" align="center">
<h4>Верхнее меню</h4>
</td>
<td width="15%" bgcolor="#FF9933">
<h4>Поиск...</h4>
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#FFCC99" align="center">
<h1>Шапка сайта</h1>
</td>
</tr>
<tr>
<td width="85%" bgcolor="#CCCCCC">
<?php mosPathWay(); ?>
</td>
<td width="15%" bgcolor="#FF9933">
<?= mosCurrentDate( '%A, %d %B %Yг.' ); ?>
</td>
</tr>
</table>

Для вывода строки навигации вызывается функция ядра mosPathWay(); а для даты - функция mosCurrentDate( '%A, %d %B %Yг.' ); Как видите, формат вывода даты можете сформировать любой :)

Теперь самое интересное - вывод основного контента и модулей в позициях left и right:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15%">
<?php mosLoadModules('left'); ?>
</td>
<td width="75%">
<?php mosMainBody();?>
</td>
<td width="15%">
<?php mosLoadModules('right'); ?>
</td>
</tr>
</table>

Модули выводим, вызывая функцию mosLoadModules('имя_позиции'); Основной контент - через вызов mosMainBody();

В принципе, шаблон готов к употреблению!

Вставка в шаблон произвольного содержимого

Шаблон Джумла - обычный php-файл. В него можно вставлять произвольный код: php, java-script или html. Это могут быть счетчики посещений, код рекламных сетей и т.д.

Покажем это на примере как в шаблоны дистриутива Joomla-1.0.12-Re вставлен код спонсорских ссылок:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td >
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
</td>
</tr>
</table>

В шаблон может включаться любой php-файл с любого места на Вашем сайте или произвольный внешний скрипт, а может быть и вирус :))) если ваш шаблон заразят. Поэтому лучше снимать право на модификацию для ВСЕХ на index.php Вашего рабочего шаблона.

Шаблон в работе и его дистрибутив

Посмотреть шаблон на демо-сайте (имя шаблона efft_table_karkas).

Скачать шаблон.

off topic или Отдых круглый год!

Для тех, кто старается делать все со смыслом, предлагаем ознакомиться со статьей о впечатлениях от поездки из Шарм-эль_шейха в Иерусалим на сайте нашего проекта Отдых круглый год! В марте-апреле разгар курортного сезона в Египте. И посещение Иерусалима весной - тоже подходящее время. Если хотите совместить, как говорится, приятное с полезным, то это - оптимальный способ. Читать: Мечты сбываются!

Автор данной статьи: Леонид Мальков

 


Просмотров: 45706

Коментарии (12)
 
:cry :cry а у меня limbo стоит! эти шаблоны у мя не пойдут?
 
Хочу секса, 16:35 25 мая 2008 г.
 
Limbo НЕ юзал, если честно. Сейчас у Вас какой-то шаблон стоит?! Сравните структуру, если подобная то, пойдет...
 
Админ, 12:21 31 мая 2008 г.
 
:cry а у меня шаблоны все карвяво стоят, сбиваюца вообще жесть
 
Kosjak, 06:22 02 июня 2008 г.
 
:( где мои деньги
 
хмырь, 18:05 16 ноября 2008 г.
 
А можно два футера сделать? www.superklev.ru
 
дмитрий, 15:01 31 января 2009 г.
 
www.Sudak-vip.net зацените 
8) 8) 8)  
:zzz :zzz :zzz :x
 
Шаблон, 18:20 30 октября 2009 г.
 
http://virusam.net.ua/ зацените
 
абонент, 15:08 10 марта 2010 г.
 
[url=http://nn-fun.ru][b] 1[/b][/url] [url=http://warlife.ru]2[/url] [url=http://ipsinnovation.com] 3[/url] [url=http://orange31.ru]4[/url] [url=http://0we.ru]5[/url] [url=http://05o.ru]6[/url] [url=http://wow-nsk.ru]8[/url] 
 
IXNN  
wow server 
nsk 
Bogorodsk  
школота  
порно бесплатно  
кэп  
сумерки вова  
варкрафт  
ФКС 
 
Музыка бесплатно http://nn-fun.ru стать gm http://warlife.ru кошка обьебошка http://orange31.ru малолетки http://0we.ru Богородск http://ipsinnovation.com скозложлоб http://05o.ru wow nsk http://wow-nsk.ru факультет физической культуры и спорта http://fks-nn.ru файлы wow http://pso-wow.com лорд варкрафта http://wow-lord.ru
 
dasgdgfhjjfdgj, 13:55 14 июня 2011 г.
 
Кто разработал данный шаблон? 
http://http://forjoomla.ru/fj-lichking-|-shablon-joomla-wow.html 
Заранее спасибо.
 
Wow, 20:20 05 августа 2011 г.
 
Там ссылки сдохли смотрите тут 
•Параллельно развиваются самостоятельные проекты сайтов 
http://www.sfera.vipcentr.ru 
http://www.uozera.hotbox.ru 
http://www.nika.webservis.ru 
http://www.kmw.newmail.ru 
http://gamaynov.nm.ru 
http://sfera.newmail.ru/ 
http://sfera.22web.net/ 
http://sfera.byethost6.com/
 
Sfera, 17:23 29 февраля 2012 г.
 
А что делать с тайтлом, если он формируется криво? 
то есть Я такой хороший человек - мой сайт 
 
 
 
Получается что тайтл формируется из descriptions Как этого избежать?
 
xz, 09:55 10 апреля 2013 г.
 
Бесплатно промокод на hostland.ru e5d0fe10 
http://www.hostland.ru/order/hosting/?r=e5d0fe10
 
Sfera, 17:33 07 мая 2014 г.

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Последнее обновление ( 08.12.2011 г. )
 
Далее...

 
   

2007+ © "efft" Lab

Яндекс цитирования