Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Index.php

Что такое шаблон Joomla? | Процесс разработки дизайна на локальном компьютере | W3C и стандарты | Семантически правильный код | Файлы, которые входят в шаблон | Установка шаблона | Используем CSS сетку | CSS по умолчанию | Создание шаблона Joomla за 6 шагов. Шаг 3. | Создание шаблона Joomla за 6 шагов. Шаг 4. |


Читайте также:
  1. Делез Ж. Переговоры // http://www.gumer.info/bogoslov_Buks/Philos/del_per/index.php
  2. Пам’ятник мамонту [Електронний ресурс]: http://istoriya.sumy.ua/index.php/ Пам’ятник_мамонту

Файл index.php представляет собой комбинацию кода PHP и HTML, которые полностью задают представление данных в шаблоне.

Рассмотрим критическую часть файла для создания правильного шаблона: директиву !DOCTYPE, которая находится в верхней части.

  <?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">

Самое первое выражение PHP просто выводит информацию об авторских правах и лицензии, а также предотвращает непосредственный доступ к файлу.

Код $app = Jfactory::getApplication(); является вызовом функции, которая позволяет получить и использовать в шаблоне различные параметры Joomla (например, имя сайта).

Директива!DOCTYPE является фундаментальным компонентом веб страницы, которая указывает браузеру, как ее выводить. Она указывает, как браузер будет обрабатывать теги HTML и, что даже более важно, как будет интерпретироваться CSS (есть ли на странице устаревший код, содержится ли XML и так далее).

HTML существует в нескольких версиях, кроме того есть XHTML, который имеет несколько отличный синтаксис. Поэтому необходимо использовать директиву DOCTYPE, чтобы указать браузеру используемый стандарт.

Директива DOCTYPE должна быть расположена в первой строке, а путь к странице описания стандарта должен приводиться полностью. Например, браузер Internet Explorer 6 в случае ошибки распознавания стандарта переходит в режим обратной совместимости и начинает отображать страницу как Internet Explorer 4.

Наш шаблон создается в расчете на использование в Internet Explorer 6 и далее. Поэтому очень важно соблюсти наличие директивы DOCTYPE в качестве первой строки генерированного HTML файла, чтобы в дальнейшем использовать как можно меньше ухищрений в коде.

За директивой DOCTYPE следует XML выражение:

  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language;?>" lang="<?php echo $this->language;?>" >

И за ним следует секция head:

  <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" />
  </head>

Код <?php echo $this->language;?> вытягивает из Joomla информацию об используемом на сайте языке и вставляет ее в код шаблона.

Код <jdoc:include type="head" /> вставляет в заголовок страницы развернутую информацию, которая устанавливается в настройках Joomla. Например, код заголовка страницы нашего шаблона будет выглядеть так:

  <head>
  <base href="http://joomla/index.php" />

 

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />

 

  <meta name="keywords" content="" />
  <meta name="rights" content="" />

 

  <meta name="language" content="ru-RU" />
  <meta name="generator" content="Joomla! 1.6 - Open Source Content Management" />

 

  <title>Home</title>
  <link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />

 

  <link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
  <script src="/media/system/js/core.js" type="text/javascript"></script>

 

  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/media/system/js/caption.js" type="text/javascript"></script>

 

   
  <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />

 

  <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
  <link rel="stylesheet" href="/templates/RusellerSimple/css/template.css" type="text/css" />

 

  </head>

Большая часть информации заголовка генерируется "на лету" и соответствует тому, какой материал выводится в текущий момент.

Последние строчки в разделе заголовка нашего шаблона предназначены для генерации ссылок на страницы стилей CSS:

  <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" />

Первые два файла, system.css и general.css, содержат общие стили для Joomla. А последний, является файлом стилей шаблона, который мы назвали template.css. Код <?php echo $this->template?> возвращает путь к текущему шаблону. Такое использование позволяет сделать наш код более универсальным. При создании следующего шаблона можно будет просто скопировать туда строку и код будет работать правильно.

CSS шаблона может включать сколько угодно файлов. Например, для задания различных стилей для различных браузеров или для разных сред вывода информации (на экран, напечатать, на мобильные устройства). Например, следующий код определяет использование дополнительного файла CSS для Internet Explorer 6 (в нашем простом шаблоне мы его не используем):

  <!--[if lte IE 6]>
  <link href="templates/<?php echo $this->template?>/css/ieonly.css"

 

  rel="stylesheet" type="text/css" />
  <![endif]-->

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

  <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this->template?>/css/<?php echo $this->params->get('colorVariation');?>.css" type="text/css" />

А код HTML будет выглядеть следующим образом:

  <link rel="stylesheet" href="/templates/RusellerSimple/css/red.css" type="text/css" />

 


Дата добавления: 2015-07-21; просмотров: 71 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
TemplateDetails.xml| Раздел body страницы шаблона

mybiblioteka.su - 2015-2024 год. (0.008 сек.)