Pour Commencer

Prérequis

Tutoriels de base

Tutoriels extensions

00047374

Ressources

Communiquer

Index de l'article
Création template joomla 1.0
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
Choix des dimensions du site
Image du banner
Polices et couleurs de fond
Marges et taille de police des blocs
Outils pour repérer les styles css joomla
Bordure et titres des modules
Liens hypertextes de la page
Liens du menu principal
.contentpane, .button, .inputbox, label
Eléments de tableau thead et td
table.contentpanopen et table.moduletable
div.componentheading et td.sectiontableheader

Page 6 sur 22

Le squelette du fichier index.php

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

<?php

$iso = explode( '=', _ISO );

echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';

defined( '_VALID_MOS' ) or die( 'Acces Restreint' );

?>

<!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>

<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php mosShowHead(); ?>

<?php if ( $my->id ) { initEditor(); } ?>

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

Commentaires

defined( '_VALID_MOS' ) or die( 'Acces Restreint' );

Cette ligne de sécurité doit être incluse au début du code de n'importe quelle extension joomla que nous créons (template, module, composant ou plugin). Le code de l'extension n'est pas destiné à être exécuté directement mais plutôt appelé au sein de l'unique point d'entrée '<root>/index.php' à votre site joomla:

'http://localhost/MonSitePerso/index.php' pour une installation joomla en local
'http://www.VotreDomaine.com/index.php' pour une installation sur serveur distant

En limitant l'accès de cette manière, nous protégeons le code de l'extension et nous garantissons qu'aucune procédure de sécurité mise en place par Joomla! n'a été contournée.

Dans le point d'entrée '<root>/index.php', la constante joomla '_VALID_MOS' est bien définie via le code php: 'define( '_VALID_MOS', 1 );'

La ligne de sécurité 'defined( '_VALID_MOS' ) or die( 'Acces Restreint' );'

signifie que si la constante joomla '_VALID_MOS' existe déjà, c'est à dire que l'appel au fichier template est fait au sein du fichier '<root>/index.php', la suite de la page sera lue,

sinon la commande 'die' affiche le message 'Acces Restreint' et termine l'exécution de la page.

Autrement dit, si vous tentez d'accéder directement au fichier template via L'url suivante:

'http://localhost/MonSitePerso/templates/TemplatePerso/index.php'

son contenu ne sera pas affiché et vous recevra le message 'Acces restreint' car '_VALID_MOS' n'a pas été définie (defined( '_VALID_MOS' ) renvoie false).

La balise <link>

Ent re les balises <head> et </head> , on indique au ficher index.php le fichier css qu’il doit charger, et ce à l’aide de 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é.

<< Précédent - Suivant >>