Atelier de conception de tutoriels en ligne
   
       
 

La publication de la version pdf du tutoriel Concevoir son template et prévue cette semaine...

 
   
 
logo_fr Translate in English Ins Deutsche übersetzen Traducir al Español tradurre in italiano Vertaal in Nederlands Traduzir para Português Traduire en grec
Home arrow Tutoriels Templates Joomla! arrow : : Concevoir son template arrow 09. Le fichier index.php arrow 9.5 Contenu des balises head
Home
Actualités !
Joomla!draft
Road Map ! [Work in progress]
Tutoriels Templates Joomla!
Tutoriels Divers en vrac !
Trucs & Astuces !
Dossiers !
Ressources sur le WEB !
Annuaire !
Outils WEB !
Chercher ?
Sommaire du tutoriel :<br />Concevoir son template
Information pratique
Dans le tutoriel :
Concevoir son template
le code et la numérotation des lignes sont vérifiés jusqu'à la page :

14.2 incluse.

9.5 Contenu des balises head Convertir en PDF Version imprimable Suggérer par mail
Concevoir son template - 09. Le fichier index.php
Écrit par Jean Louis Servais   
18-02-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 15/04/2006 : Retouche de la présentation.
Page en revision Coloration syntaxe du code ?

L'en-tête de la page HTML contient des informations qui n'apparaissent pas sur le site.
C'est dans cette partie qu'il convient d'insérer :
  • L'initialisation de la barre titre du navigateur,
  • La déclaration de l'éditeur WYSIWYG pour les utilisateurs habilités à publier ou soumettre des articles sur le site,
  • Les données utiles pour le référencement du site,
  • La référence de la feuille de style à utiliser,
  • Et accessoirement d'autres choses que nous n'aborderons pas dans ce tutoriel.

Nous allons donc remplacer ces 3 lignes :
06
07
08
  <head>
    <!-- INSERER EN-TETE DE LA PAGE HTML ICI -->
  </head>

Par les suivantes :
06
07
08
09
10
11
12
  <head>
    <title><?php echo $mosConfig_sitename; ?></title>
    <?php if ( $my->id ) { initEditor(); } ?>
    <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    <?php mosShowHead(); ?>
    <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/mon_template_1/css/template_css.css\" type=\"text/css\"/>" ; ?>
  </head>

Et voici les explications :
  • Ligne 7 : Le nom du site est affiché dans la barre de titre du navigateur. Le morceau de code en PHP a pour objet de renvoyer le nom du site défini dans la configuration du site. Les balises <title> se chargent du reste.
  • Ligne 8 : La variable du script PHP est différente de zéro si un utilisateur pénètre sur le site. Si cet utilisateur est enregistré alors l'éditeur WYSIWYG est pré chargé pour lui permettre l'accès à la rédaction des articles à partir du frontend.
  • Ligne 9 : Cette ligne indique la langue utilisée à l'intérieur de la page WEB. Pour plus d'informations, tapez dans un moteur de recherche la ligne suivante :
    "meta http-equiv=" +"Content-Type".
  • Ligne 10 : Insertion des blocs de metadata destinés au référencement de votre site.
  • Ligne 11 : Cette ligne sophistiquée fait le lien (link en anglais) avec la feuille de styles CSS du template. Le chemin est donné par le script PHP. De toute évidence, la variable $mosConfig_live_site contient l'adresse du site.

En tant que concepteur de template attentif, vous avez pris soin de remplacer mon_template_1 à la ligne 11 par le nom que vous avez donné à votre template. C'est une très bonne initiative de votre part. Dans le cas contraire, il est totalement inutile de vous précipiter pour corriger cette faute d'inattention. Il y a beaucoup mieux à faire :

En effet, Joomla! possède une variable qui renvoie le nom du template courant : $GLOBALS[cur_template]

Compte tenu que le nom du template est identique à celui de son dossier, il suffit de remplacer à la ligne 11 : mon_template_1 par $GLOBALS[cur_template].

Les avantages sont évidents :
  • Le template peut être renommé sans qu'il soit nécessaire d'intervenir dans le code,
  • et il peut être utilisé pour concevoir un autre template sans ce préoccuper de ce genre de détails.

Dans le cas présent, la ligne 11 conseillée doit être la suivante :
11
  <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>

Ceci vous évitera un dysfonctionnement dans un prochain chapitre...

Vous trouverez des templates en téléchargement qui utilisent la variable $cur_template. Bien que ceci conduise au même résultat, préférez l'usage de la syntaxe $GLOBALS[cur_template] car elle correspond à celle retenue pour le futur de Joomla!

NoteAuto-contrôle :
A ce stade de l'encodage, la balise </html> doit se trouver sur la ligne 17.

Dernière mise à jour : ( 12-08-2008 )
 
< Précédent   Suivant >