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 !
<br /><br /><!--V2--><br /> <div id="footer"><br /> <div><br /><br /> <!-- LES WIDGETS --><br /> <div><br /> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-gauche") ) : ?><br /> <?php endif; ?><br /> </div><br /><br /> <div><br /> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-centre") ) : ?><br /> <?php endif; ?><br /> </div><br /><br /> <div><br /> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-droite") ) : ?><br /> <?php endif; ?><br /> </div><br /> <!-- FIN DES WIDGETS --><br /><br /> <div></div><br /><br /> <!-- LES LIENS VERS RESEAUX SOCIAUX --><br /> <div><br /> <table><br /> <tr><br /> <td><p> </p></td><br /> </tr><br /> <tr><br /> <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><br /> <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><br /> <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><br /> <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><br /> <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><br /> </tr><br /> </table><br /> <!-- FIN DES LIENS VERS RESEAUX SOCIAUX --><br /> <p> </p><br /><br /> <!-- COPYRIGHT ET MENTIONS LEGALES --><br /> <p><a href="<?php bloginfo('url')?>" title="WordPress & WordPress Multisite">WordPress par 4h18.com - La référence pour tout savoir sur votre CMS.</a></p><br /> <p><a href="http://4h18.com" title="votre site wodpress">4h18.com</a> est un site réalisé par <a href="http://briot.me" target="_blank">Stéphane Briot</a> - <a href="http://4h18.com/mentions/">Mentions Légales</a></p><br /> <!-- FIN COPYRIGHT ET MENTIONS LEGALES --><br /> </div><br /><br /> </div><br /> </div><br /><br /> <!-- APPEL WP_FOOTER POUR FAIRE FONCTIONNER CERTAINS PLUGINS (appel des JS en footer) --><br /> <?php wp_footer();?><br /><br /><!-- JS du boutton GG plus 1 --><br /><script type="text/javascript" src="http://apis.google.com/js/plusone.js"><br /> {lang: 'fr'}<br /></script><br /><br /> </body><br /></html><br /><br />
Ayez la partigitude, la cool attidude, c'est ça la bloguitude !
[veille] Theme wordpress : le footer http://bit.ly/kjky6R #wordpress
Hello !
Je m’entraîne actuellement sur un WP en local et créer différentes zones widgetisables me paraît être un bon exercice.
J’ai d’abord tenté de mettre la fonction register_sidebar dans mon functions.php, puis j’ai récupéré le code de ton index.php que tu as donné dans un autre article.
Mais mon admin ne détecte qu’une sidebar, même lorsque je lui en indique plusieurs dans register_sidebar.
Ma question est donc : je vois comment tu déclares les zones widgetisables dans ton index et ton footer, comment fais-tu par contre pour que l’admin les prenne en compte dans la partie widget ?
Merci de ces articles en tout cas, j’y trouve beaucoup d’inspiration pour poursuivre mes exercices ! ;]
Voici la fonction qui va bien :
register_sidebar(
array(
'id' => 'home-gauche',
'name' =>'accueil-gauche',
'description' => 'Accueil, colonne gauche',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => ''
)
);
Les infos sur la fonction / codex wordpress
Merci beaucoup ! Je vais tester ça pour voir si j’y arrive !
Ah, j’ai réussi. Merci beaucoup de ton aide, c’est vraiment une fonction super pratique.