12.3 La méthode includes/footer
Concevoir son template - 12. Le Footer
Écrit par Jean Louis Servais   
21-03-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 30/03/2006 : Ajout notes en bas de page.
16/04/2006 : Retouche de la présentation.
24/07/2006 : Modification coloration syntaxique du code.
24/07/2006 : Corrections orthographiques.

Cette méthode d'insertion du Footer dans le template fait appel au programme footer.php du dossier includes situé à la racine du site :
image
Le contenu de ce fichier est le suivant : 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<?php
/**
* @version $Id: footer.php 85 2005-09-15 23:12:03Z eddieajau $
* @package Joomla
* @copyright Copyright (C) 2005 Open Source Matters. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

// no direct access
defined( '_VALID_MOS' ) or die( 'Restricted access' );

global $_VERSION;

// NOTE - You may change this file to suit your site needs
?>
<div align="center">
    (C) <?php echo mosCurrentDate( '%Y' ) . ' ' . $GLOBALS['mosConfig_sitename'];?>
</div>

<div align="center">
    <?php echo $_VERSION->URL; ?>
</div>

Ligne 01 : Ouverture du script en PHP.
Lignes 02 à 12 : Ce ne sont que quelques lignes de commentaire qui se passent de commentaire.
Lignes 14 à 15 : Par sécurité, on interdit l'accès direct au fichier.
Ligne 17 : Déclaration de la variable globale $_version. Cette variable contient le numéro de version de joomla!
Ligne 19 : Un commentaire qui précise que vous pouvez adapter le code de ce fichier à votre convenance.
Ligne 20 : Fin du script PHP.
Ligne 21 à 23 : Affichage de la première ligne du footer.
Ligne 25 à 27 : Affichage de la deuxiéme ligne du footer.

Mis à part le centrage obtenu par le biais des balises <div>, on constate l'absence de style CSS défini pour le Footer.
Nous allons maintenant, inclure ce footer dans le template. Pour ce faire, remplacez la ligne :
57

          Emplacement du Footer

Par les 3 lignes suivantes : 
57
58
59

          <div id="footer">
            <?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
          </div>

Le script de la ligne 58 affiche donc le Footer. Et les balises <div> des lignes 57 et 59 ont pour unique objet d'assigner le style #footer afin de personnaliser la présentation.
Voici une proposition de définition du style #footer à coller à la fin de votre fichier template_css.css :
 
 
/* ===================================================== 
 *  STYLES SPECIFIQUES AU TEMPLATE : FOOTER
 * ----------------------------------------------------- */
#footer {
   /* Style du foter */
   background-color: #6495ED;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   padding: 6px;
   text-align: center;
   vertical-align: middle;
}

Le résultat obtenu devrait être semblable à celui-ci :
Image

Tip Nous vous conseillons de conserver le nom du style #footer pour une meilleure compréhension du template.
Note Auto-contrôle :
La balise </html> doit être située à la ligne 66.

Dernière mise à jour : ( 14-08-2008 )