|
12.3 La méthode includes/footer |
|
|
|
|
Concevoir son template -
12. Le Footer
|
|
Écrit par Jean Louis Servais
|
|
21-03-2006 |
 | Joomla! 1.0.x |
 |
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 :
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
defined( '_VALID_MOS' ) or die( 'Restricted access' );
global $_VERSION;
?>
<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 :
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 {
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 :
 |
Nous vous conseillons de conserver le nom du style #footer pour une meilleure compréhension du template.
|
 |
Auto-contrôle :
La balise </html> doit être située à la ligne 66.
|
|
|
Dernière mise à jour : ( 14-08-2008 )
|
