Theme wordpress : le footer

Dans cette série d’articles, je vous propose de décortiquer un thème WordPress. Pour que cela soit parlant, j’ai donc décidé de m’appuyer sur le thème de 4h18. Après avoir vu le header.php, puis le fichier index.php, nous avons découvert la fonction centrale de WordPress : The loop. Regardons désormais le fichier footer.php

Le footer de votre site, c’est donc tout logiquement le fichier footer.php. Une logique implacable. Il est donc inutile de chercher midi à 14h00. Ce fichier ne recel pas de difficultés majeur, mais un petit piège.

La fonction wp_footer

Il vous est sans doute arrivé d’avoir des plugins qui ne fonctionnent pas comme il faut. Ce sont souvent des plugin qui embarquent une bonne dose de JavaScript. Etp our cause. Si dans votre footer vous ne faites pas appel à la fonction wp_footer(), inutile de rêver. Cette fonction permet donc de faire fonctionner la plupart des plugins qui viennent placer leur fichier JS dans le footer. Si vous vous lancez dans la création de thème, n’oubliez pas cette fonction.

Pour le reste, rien de magique. Pour 4h18, j’ai crée trois sidebar pour me permettre d’avoir un peu de souplesse dans les contenus du pied de page. Ainsi, je peux placer à près tout ce que je veux.

En dessous de ces sidebar, j’ai mis les liens traditionnels comme les mentions légales, une sorte de copyright, et les liens vers les réseaux sociaux sur lesquels je suis présent.

Dans la logique des choses, le pied de page est le même pour toutes les pages de votre site. Mais si vous êtes joueur, vous pouvez en créer pour presque toutes les pages. Pour cela, vous ferez appel au « conditonnal tag » de WordPress. Quelque chose comme « Si cette page est l’accueil, alors, affiche moi le footer 1″, « si cette page est un article, affiche moi le footer 2″, et ainsi de suite. L’emploi de ces tags est très utile, et nous y attarderons très prochainement.

D’ici là, je vous livre le code source de mon fichier footer.php. Faites en bon usage !

<!--V2-->
 <div id="footer">
 <div>

 <!-- LES WIDGETS -->
 <div>
 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-gauche") ) : ?>
 <?php endif; ?>
 </div>

 <div>
 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-centre") ) : ?>
 <?php endif; ?>
 </div>

 <div>
 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-droite") ) : ?>
 <?php endif; ?>
 </div>
 <!-- FIN DES WIDGETS -->

 <div></div>

 <!-- LES LIENS VERS RESEAUX SOCIAUX -->
 <div>
 <table>
 <tr>
 <td><p>&nbsp;</p></td>
 </tr>
 <tr>
 <td><a href="http://www.facebook.com/4h18fans" title="L'info WordPress en continue, et plus encore, sur la page fan Facebook de 4h18" target="_blank"><img src="http://4h18.com/wp-content/logo418/facebook.png" border="0"></a></td>
 <td><a href="http://twitter.com/4h18" title="Des infos, des liens, de l'aide, WordPress par 4h18 est sur Twitter" target="_blank"><img src="http://4h18.com/wp-content/logo418/twitter.png" border="0"></td>
 <td><a href="http://feeds.feedburner.com/4h18" title="Le flux RSS pour ne rien rater sur WordPress" target="_blank"><img src="http://4h18.com/wp-content/logo418/rss.png" border="0"></td>
 <td><a href="http://www.viadeo.com/fr/profile/stephane.briot1" target="_blank"><img src="http://4h18.com/wp-content/logo418/viadeo.png" border="0" /></a></td>
 <td><a href="http://www.linkedin.com/in/sbriot" target="_blank"><img src="http://4h18.com/wp-content/logo418/linkedin.png" border="0"></a></td>
 </tr>
 </table>
 <!-- FIN DES LIENS VERS RESEAUX SOCIAUX -->
 <p>&nbsp;</p>

 <!-- COPYRIGHT ET MENTIONS LEGALES -->
 <p><a href="<?php bloginfo('url')?>" title="WordPress & WordPress Multisite">WordPress par 4h18.com - La r&eacute;f&eacute;rence pour tout savoir sur votre 
">
">
">
">
">CMS.</a></p>
 <p><a href="http://4h18.com" title="votre site wodpress">4h18.com</a> est un site r&eacute;alis&eacute; par <a href="http://briot.me" target="_blank">St&eacute;phane Briot</a> - <a href="http://4h18.com/mentions/">Mentions Légales</a></p>
 <!-- FIN COPYRIGHT ET MENTIONS LEGALES -->
 </div>

 </div>
 </div>

 <!-- APPEL WP_FOOTER POUR FAIRE FONCTIONNER CERTAINS PLUGINS (appel des JS en footer) -->
 <?php wp_footer();?>

<!-- JS du boutton GG plus 1 -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
 {lang: 'fr'}
</script>

 </body>
</html>

Articles en rapport

• Modifier ou créer son thème WordPress
• Theme WordPress, le fichier index.php
• Theme WordPress : The Loop
• Thème Wordpress : Les Tags Conditionnel

A propos de cette publication

Dossier WordPress : Utilisation avancée de wordpress