Читайте также:
|
В предыдущем уроке мы изменили код шаблона так, что он стал изменять ширину колонок, чтобы не выводить пустое место там, где нет содержания. Но если посмотреть код полученной страницы, то в нем можно найти пустые блоки div. Такое положение может привести к проблемам при отображении в различных браузерах.
Следующим шагом в улучшении шаблона является отключение генерации кода модулей, если в них нет содержания. Для решения задачи будем использовать простую конструкцию:
| <?php if($this->countModules('left')):?> | |
| <div id="sidebar" class="grid_<?php echo $leftcolgrid;?>"> |
| <jdoc:include type="modules" name="left"style="xhtml"/> | |
| </div> |
| <?php endif;?> |
Такой код не будет генерировать <div id="sidebar">, если в данной позиции нет никакого содержания.
Используя такую конструкцию для левой и правой панели получим код файла index.php:
| <?php | |
| /** |
| * @copyrightCopyright (C) 2011 Евгений Попов. | |
| * @licenseGPL |
| */ | |
| defined('_JEXEC') or die; |
| $app = JFactory::getApplication(); | |
| ?> |
| <!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" xml:lang="<?php echo $this->language;?>" lang="<?php echo $this->language;?>" > | |
| <head> |
| <jdoc:include type="head" /> | |
| <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/system/css/system.css" type="text/css" /> |
| <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/system/css/general.css" type="text/css" /> | |
| <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/template.css" type="text/css" /> |
| <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/grid.css" type="text/css" /> | |
| </head> |
| <body> | |
| <div id="header" class="container_12"> |
| <h1><?php echo $app->getCfg('sitename');?></h1> | |
| <jdoc:include type="modules" name="top" style="xhtml"/> |
| </div> | |
| <?php | |
| $leftcolgrid= "3"; |
| $rightcolgrid= "3"; | |
| if ($this->countModules('left') == 0): | |
| $leftcolgrid = "0"; |
| endif; | |
| if ($this->countModules('right') == 0): | |
| $rightcolgrid = "0"; |
| endif; | |
| ?> |
| <div id="content" class="container_12"> |
| <?php if($this->countModules('left')):?> | |
| <div id="sidebar" class="grid_<?php echo $leftcolgrid;?>"> |
| <jdoc:include type="modules" name="left"style="xhtml"/> | |
| </div> |
| <?php endif;?> | |
| <div id="maincolumn" class="grid_<?php echo(12-$leftcolgrid-$rightcolgrid);?>"> |
| <jdoc:include type="modules" name="breadcrumbs" style="xhtml" /> | |
| <jdoc:include type="component" /> |
| </div> | |
| <?php if($this->countModules('right')):?> |
| <div id="sidebar-2" class="grid_<?php echo $rightcolgrid;?>"> | |
| <jdoc:include type="modules" name="right" style="xhtml" /> |
| </div> | |
| <?php endif;?> |
| </div> | |
| <div id="footer" class="container_12"> | |
| <jdoc:include type="modules" name="footer" style="xhtml"/> |
| </div> | |
| <jdoc:include type="modules" name="debug" /> |
| </body> |
Основные принципы построения шаблона для Joomla раскрыты. Теперь попробуем сделать внешний вид шаблона более привлекательным.
Дата добавления: 2015-07-21; просмотров: 41 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Создание шаблона Joomla за 6 шагов. Шаг 5. | | | Делаем шаблон для Joomla 1.6 |