"Как сделать свой сайт самому"
пособие для чайников
Разработка шаблона сайта для joomla 1.5 Файл index.php. Урок 4
Файл index.php. Урок 4 |
|
Файл index.php – самый важный в шаблоне. Он определяет визуальное расположение элементов сайта и сообщает CMS Joomla в какой блок поместить различные компоненты и модули. Файл является комбинацией PHP и HTML. Для работы с файлами шаблона вам понадобится программа Macromedia Dreamweaver. Скачайте архив шаблона Likom. Откройте файл index.php в программе Dreamweaver. Файл находится в папке C:\JoomlaServer\home\localhost\www\название вашего сайта\templates\Likom. Заголовок файлаЗаголовок файла состоит из нескольких частей. Первая часть кода PHP заголовка предназначена для того, чтобы убедиться, что к файлу не обращаются напрямую, из соображений безопасности. <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> DOCTYPE – это очень важный параметр, на основании которого браузер решает, как ему отображать эту страницу и как интерпретировать 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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > Далее идет фрагмент кода, который включает дополнительную информацию для заголовка, которая задана в глобальной конфигурации. Эту информацию вы можете увидеть посмотрев исходный код любой веб-страницы. В частности – это мета-теги, о которых вы уже знаете. <head> <jdoc:include type="head" /> Следующие строки в заголовке содержат ссылки на основные CSS стили Joomla. <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" /> Далее идут ссылки на все стили шаблона. На каждый файл CSS, имеющийся в шаблоне, обязательно должна стоять ссылка в этой части, иначе файл не будет задействован в оформлении шаблона. <link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/template.css" /> <link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/menu.css" /> Следующий фрагмент кода позволяет нам «выключать» колонку автоматически или «свертывать» ее, если она не содержит контента. Если в позициях «left» и « right» не расположено ни одного модуля, то они сворачиваются и колонка контента занимает 100% ширины страницы. Если включена только одна колонка, то контент занимает 80%. При дух включенных колонках на контент приходится 60% ширины страницы. <?php if($this->countModules('left and right') == 0) $contentwidth = "100"; if($this->countModules('left or right') == 1) $contentwidth = "80"; if($this->countModules('left and right') == 1) $contentwidth = "60"; ?> Заключительная часть заголовка подключает файл favicon.ico , который является идентификационным значоком сайта. Его можно увидеть в адресной строке браузера, слева от URL сайта, а также при выдаче сайтов в поиске Яндекса. <link rel="icon" href="/templates/likbez-net/favicon.ico" type="image/x-icon"> Тело страницыДалее тегом <body> открывается громадный блок оформления веб-страницы. <body> Блок «page» содержит оформление страницы сайта <div id="page"> Блок "pathway" находится в самом верху страницы и содержит в себе два блока "breadcrumbs " и "user1". <div id="pathway"> Дальше идет блок шапки сайта header. В нем выводится название вашего сайта автоматически, а самостоятельно вы можете занести в код слоган сайта, между тегами <h2></h2> <div id="header"> <h1><?php echo $mainframe->getCfg('sitename');?></h1> <h2> <p>Здесь вы можете разместить слоган вашего сайта</p> </h2> </div> Вывод модуля горизонтального меню в блоке «user2». <?php if($this->countModules('user2')) : ?> Открывается блок левой колонки, которая будет сворачиваться, если в позиции «left» не будет ни одного модуля. <?php if($this->countModules('left')) : ?> Открывается самый важный блок контента, который может занимать 100% ширины страницы, 80% и 60%, в зависимости от количества включенных колонок. <div id="content<?php echo $contentwidth; ?>"> Вывод содержимого контента. <jdoc:include type="component" style="xhtml" /> В блоке контента заключен блок «user3» для нижней навигации. <?php if($this->countModules('user3')) : ?> Закрывается блок контента content </div> Открывается блок правой колонки, которая будет сворачиваться, если в позиции «rigth» не будет ни одного модуля. <?php if($this->countModules('right')) : ?> Вывод блока «bottom». <?php if($this->countModules('bottom')) : ?> Вывод блока «bottommenu» для нижнего меню сайта. <?php if($this->countModules('bottommenu')) : ?> Вывод блока «footer» , предназначенного для размещения информации об авторских правах . <?php if($this->countModules('footer')) : ?> Закрываются блок страницы сайта «page», body и весь код. </div> </body> </html> Теперь вы знаете при помощи каких команд, и в какой последовательности выводятся блоки шаблона. Вы можете внести коррективы в расположения блоков, меняя их местами или удаляя ненужные блоки. Поэкспериментируйте и посмотрите, что получится. Оформление каждого блока прописано в файлах template.css и menu.css с которыми вы познакомитесь на следующем уроке.
|
Разработка шаблона сайта для joomla 1.5 Файл index.php. Урок 4
Комментарии
А боковое меню (блоки) изначально есть в Вашем шаблоне или их надо каким то образом прописывать в CSS. Просто я создал меню привязал к нему категории, материалы, но движок не отображает бокового меню для навигации. Если Вас не затруднит, объясните мне что я делаю не так.
Заранее спасибо за ответ.
В чем основные отличия?