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 12. Le Footer arrow 12.5 La méthode du module footer
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.

12.5 La méthode du module footer Convertir en PDF Version imprimable Suggérer par mail
Concevoir son template - 12. Le Footer
Écrit par Jean Louis Servais   
01-04-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 15/04/2006 : Retouche de la présentation.
25/04/2006 : Ajout guillemet dans la définition d'une classe du texte de la page.
24/07/2006 : Corrections orthographiques.

Cette méthode consiste à :
  • définir une position spécifique pour le Footer;
  • créer un module utilisateur intégrant le contenu du Footer;
  • publier ce module dans la position définie précédemment.
Ceci permet éventuellement de disposer d'un Footer différent en fonction de la page en cours.
Pour ce faire nous allons utiliser :
  • la fonction mosLoadModules ( 'position', $style );
  • avec la position footer, puisque joomla! possède nativement une position ainsi dénommée;
  • et la variable $style = -1 afin d'imposer une publication sans titre et en texte brut.
De plus, nous devons prévoir l'absence de module publié dans la position footer. Un simple test à l'aide de la fonction mosCountModules( 'footer' ) va nous permettre de suppléer à l'absence du module footer par l'une des deux méthodes précédentes.
Suivant le cas, il faut soit remplacer la ligne suivante si vous n'avez pas inséré celles proposées par l'une des deux méthodes précédentes :
57
            Emplacement du Footer

Soit remplacer les trois lignes de la méthode includes/footer :
57
58
59
          <div id="footer">
            <?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
          </div>

Soit remplacer les trois lignes de la méthode d'encodage directe du Footer :
57
58
59
          <div id="footer">
            Design by votre_nom suivant le tutoriel concevoir son template de <a href="http:/www.joomladraft.org">JoomlaDraft.org</a><br />Site propulsé par le CMS <a href="http://www.jomla.org/">Joomla!</a> Open Source sous licence GNU/GPL
          </div>

Par les suivantes :
57
58
59
          <div id="footer">
            <?php if ( mosCountModules( 'footer' ) > 0 ) { mosLoadModules ( 'footer' , -1 ); } else { include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); } ?>
          </div>

Pour ceux qui ne connaissent pas le langage php, voici la traduction de la ligne 58 :
 
  • On commence par ouvrir un script php :
    <?php
  • Puis, on demande à Joomla! si des modules sont publiés en position footer pour cette page :
    if ( mosCountModules( 'footer' ) > 0 )
  • Si tel est le cas alors Joomla insére la position footer dans la page :
    { mosLoadModules ( 'footer' , -1 ); }
  • Sinon, il place le Footer prédéfini dans le programme footer.php du dossier includes :
    else { include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); }
  • Et pour finir, on referme le script php :
    ?>

Si vous ne l'avez pas encore fait, voici de nouveau notre proposition de définition du style #footer à coller à la fin de votre fichier template_css.css :
 
/* ===================================================== 
 *  STYLES SPECIFIQUES AU TEMPLATE : FOOTER
 * ----------------------------------------------------- */
#footer {
   /* Style du footer */
   background-color: #6495ED;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   padding: 6px;
   text-align: center;
   vertical-align: middle;
}

Tip
Pour la troisiéme fois consécutive, nous vous conseillons de conserver le nom du style #footer pour une meilleure compréhension du template.

Sauf erreur ou transformation de votre part, le résultat obtenu est semblable à celui-ci :
Image

Nous obtenons effectivement le même résultat qu'avec la méthode includes/footer.php. Ceci est normal, c'est ce que nous voulons lorsque aucun module est publié dans la position footer de la page.
La création d'un module destiné à la position footer est traitée à la page suivante. Mais à ce stade de la conception, vous pouvez constater que nous touchons au but...

Note Auto-contrôle :
Normalement, vous devriez avoir la balise </html> à la ligne 66.
Je ne sais pas si vous avez remarqué que la balise </html> est toujours à la ligne 66 pour les trois mèthodes proposées. Ceci n'est pas le fruit du hasard. Le rédacteur de ce tutoriel a volontairement réalisé ceci afin de vous simplifier la vie lors de l'usage des pages qui vont suivre...

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