copyrigh

00047374

Index de l'article
Création template joomla
Le Contenu du dossier template
Le fichier index.html
Le fichier template_thumbnail.png
Le fichier templateDetails.xml
Le squelette du fichier index.php
Le corps du fichier index.php
Le fichier template_css.css
Publication des positions de modules
Les styles de publication des positions

Le squelette du fichier index.php

A l'aide de Notepad++ par exemple, créez un nouveau fichier nommé index.php et insérer dedans le squelette suivant :

<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!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(); ?>
<?php if ( $my->id ) {initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $GLOBALS[cur_template];?>/css/template_css.css" rel="stylesheet" type="text/css" />

</head>
<body>


</body>

</html>


Explication de la balise <link>

Entre les balises <head> et  </head> , on indique au ficher index.php le fichier css qu’il doit charger, et ce à l’aide la balise <link />. L’attribut "href" de cette balise indique l'emplacement de  votre feuille de template_css.css.

La balise <link />, au départ,  a la forme suivante :

<link  href= "http://localhost/MonSitePerso/Templates/TemplatePerso/css/template_css.css" rel="stylesheet" type="text/css" />

En utilisant les variables joomla à la place des noms de dossier et fichier, on parvient à généraliser la balise et la rendre valable pour n'importe quel template.

Joomla! possède la variable  $GLOBALS[cur_template] qui renvoie le nom du template courant et la variable $mosConfig_live_site qui contient l'adresse du site.

La balise <link /> devient après remplacement du contenu des variables par les noms des variables :

 

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $GLOBALS[cur_template];?>/css/template_css.css" rel="stylesheet" type="text/css" />

En procédant ainsi, le squelette de votre fichier index.php sera valable quel que soit le nom du site et pour tous vos futurs templates. Le code, de cette façon, est bien optimisé.