• Home
  • /Non classé
  • /Rajouter un widget dans le footer d’un thème wordpress.

Rajouter un widget dans le footer d’un thème wordpress.

La gestion des thèmes sur WordPress fait partie des points forts de CMS. Pas très difficile, il permet d’accéder à des modifications de structures avec presque autant de facilité que les changements CSS, qu’on applique rapidement dans un navigateur pour en voir les effets.

Tous comme les widgets. Simple d’utilisation, ils peuvent se placer dans la barre latérale (sidebar) ou bien dans pied de page (footer).

Toutefois il n’est pas rare d’avoir des pieds de page figés, dans lesquels les widgets ne sont pas accessibles. Ceci est d’autant plus vrai pour les thèmes gratuits souvent peu fournis car gratuit. Ce qui rend la personnalisation du pied de page moins évident pour les néophytes.

Pourquoi certains thèmes ne permettent-ils pas la widgetisation du pied de page ?

Sur le plan graphique, il s’agit d’un choix personnel de la part du créateur du thème. Sur un plan plus technique, il s’agit d’une absence de certaines lignes de code, dans les fichiers footer.php et fonctions.php.

L’ajout de widgets dans le pied de page peut-être profitable pour beaucoup monde ; un développeur qui veux créer son propre thème, ou encore une personne qui n’a pas peur de taper du code PHP afin de faciliter la vie de ses collaborateurs.

En apparence, les thèmes se multiplient mais ne se ressemblent pas. Toutefois, du côté du code source, les fichiers qui constituent le thème adoptent une hiérarchie et une dénomination presque standardisée.

En effet, il n’est pas rare de trouver un fichier nommé fonction.php ainsi qu’un certain footer.php

Ce sont ces deux fichiers qui vont être implémenté à l’aide de l’éditeur de WordPress. L’éditeur est accessible dans l’interface d’administration de WordPress : Apparences > Editeur.

Le fichier fonction.php, agit un peu comme une extension de WordPress. Grâce à lui, il sera possible de présenter différentes options de paramètres sur le thème, le tout depuis l’interface d’administration de WordPress.

Juste après la balise < ?php , ajouter la ligne de code suivante :

if ( function_exists(‘register_sidebar’))
register_sidebar(array(
‘name’ => ‘Footer’,));

Il est possible que cette ligne de code figure déjà dans le fichier function.php. Ce qui est toute a fait normal puisque ce tutoriel peut très bien s’appliquer sur la barre latérale. Si votre thème permet l’ajout de widgets dans la barre latérale, il est logique de retrouver cette ligne code à cet endroit.

Cliquer sur le bouton Mettre à jour le fichier pour sauvegarder les modifications. La fonction est à présent activée, il faut juste éditer le fichier footer.php afin qu’ils soient visibles sur le site.

Le fichier footer.php, affiche le pied de page du blog. Ajoutez-y les lignes codes suivantes sous la balise <footer>:

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

Cliquer sur le bouton Mettre à jour le fichier pour sauvegarder les modifications. A ce stade, le pied de page peut recevoir des widgets. Pour vérifier que cela fonctionne, allez dans Apparence > Widgets. Une nouvelle boite vierge doit figurer en dessous de la boite réservée à la barre latérale. Glissez quelques widgets pour vérifier que tous fonctionne bien.

Lorsque les widgets sont placés dans la même boîte, ils s’affichent sous forme de colonne. Pour la barre latérale c’est parfait. Pour le pied de page ca l’es moins. Pour résoudre ce problème, il suffit de créer plusieurs boîtes dans le pied de page et ainsi mettre un seul widget par boîte.

Pour se faire il suffit de retourner dans l’éditeur et de dupliquer les lignes précédemment ajoutées dans footer.php et fonction.php.

Notez que le titre des boites dans lesquelles les widgets sont glissé/déposé, peuvent être modifié afin la encore de rendre la gestion du thème plus intuitive.

Cette modification s’effectue dans le fichier fonction.php, sur la ligne ‘name’ => ‘Footer’,)) ; comme le montre l’exemple ci-dessous.

if ( function_exists('register_sidebar'))
register_sidebar(array(
'name' => 'Footer Left',));

if ( function_exists('register_sidebar'))
register_sidebar(array(
'name' => 'Footer Center',));

if ( function_exists('register_sidebar'))
register_sidebar(array(
'name' => 'Footer Right',));

Dans cet exemple trois boites on était ajouté dans le pied de page ayant pour dénomination : Footer Left, Footer Center et Footer Right. En effet, car sur le site, les boites se placent les unes à côtés des autres et ceux, de gauche à droite.

One thought on “Rajouter un widget dans le footer d’un thème wordpress.

  1. Bonsoir,

    j’ai tenté de modifier mon footer.php, mais je crois qu’il faut que j’enlève du code qui existait déjà : il était prévu d’insérer un menu, et je voudrais insérer des liens dans le footer….

    voici le contenu de mon fichier, merci d’avance de votre aide

    Theme Motive. WordPress.

    ‘purple_pro_page_menu’, ‘container’ => false, ‘menu’ => ‘secondary’, ‘depth’ => ‘1’, ‘theme_location’ => ‘secondary’, ‘link_before’ => ”, ‘link_after’ => ”) ); ?>

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*