Comment activer les templates de Widget WordPress en 3 étapes faciles

logo carre@4x


Les widgets WordPress
 sont un moyen incroyable de personnaliser votre blog en plus des plugins wordpress. Comment widgetiser votre th√®me wordpress ? J’utilise une version fortement modifi√©e du th√®me wordpress Blix, qui ne supporte pas les widgets‚Ķ

La premi√®re chose √† savoir est que les widgets font partie du noyau de WordPress depuis WordPress 2.2 et vous n’avez pas besoin d’installer de plugin Widgets pour ajouter des widgets sur votre blog.

√Čtape 1 : Cr√©er functions.php

Aucun fichier de ce type n’existait dans notre th√®me, nous cr√©ons donc simplement un nouveau functions.php et le transf√©rons par FTP dans le dossier du th√®me. Voici exactement ce que vous devez mettre dans le fichier

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
?>

Cela ne fonctionnera que si vous utilisez le balisage par d√©faut de wordpress avec h2 comme titres de la barre lat√©rale et une liste non ordonn√©e comme celle-ci

<ul>
  <li>
<h2>Sidebar Title</h2>
  <ul>
    <li><a href="link1.html">Link 1</a></li>
    <li><a href="link2.html">Link 2</a></li>
  </ul>
  </li>
</ul>

Personnaliser functions.php
Mais nous n’utilisons pas le balisage par d√©faut de wordpress. Pour les avantages du r√©f√©rencement, nous utilisons h4 pour les titres de la barre lat√©rale et n’utilisons pas les listes non ordonn√©es ul et li de cette mani√®re. Ainsi, au lieu du code ci-dessus, nous modifions le fichier function.php de cette mani√®re pour l’adapter √† notre mod√®le wordpress personnalis√©.

<?php if ( function_exists('register_sidebar') ) 
register_sidebar(array( 
'before_widget' => '', 
'after_widget' => '', 
'before_title' => '<h4>', 
'after_title' => '</h4>', 
)); ?>

Les titres de code sont explicites. before_widget et after_widget – nous n’avons pas besoin de code sp√©cial, nous le laissons donc vide. before_title et after_title nous utilisons le h4. Cette modification remplace le balisage par d√©faut et prend d√©sormais en charge notre mod√®le personnalis√©. Vous pouvez le modifier selon le CSS de votre propre site Web.

√Čtape 2 : Ajouter des widgets √† la barre lat√©rale dynamique

Ce code functions.php vous aidera √† widgetiser votre th√®me wordpress et √† prendre en charge une seule barre lat√©rale dynamique. Maintenant, lorsque vous acc√©dez √† votre tableau de bord wordpress sous Pr√©sentation, vous verrez un nouvel √©l√©ment appel√© Widgets.

WidgetWordpress

Dans l’ arrangement de la barre lat√©rale , vous pouvez faire glisser et d√©poser des widgets sur votre barre lat√©rale √† partir de la liste des widgets pr√©install√©s tels que Tag Cloud, messages r√©cents, flux RSS, commentaires r√©cents, calendrier, archives, cat√©gories, recherche, liens facilement.

Types de widgets WordPress

N’oubliez pas d’enregistrer vos modifications et le widget sera mis √† jour. Vous pouvez faire glisser et d√©poser autant de widgets que vous le souhaitez. Cliquer sur le widget fera appara√ģtre un ensemble d’options que vous pouvez modifier pour personnaliser davantage le widget.

√Čtape 3 : Ajouter une barre lat√©rale dynamique au mod√®le

Vous devez maintenant placer un code php dans la barre lat√©rale pour activer une barre lat√©rale dynamique qui fonctionnera pour afficher les widgets enregistr√©s. Collez ce code n’importe o√Ļ lors de la modification de sidebar.php.

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
<?php endif; ?>

Enregistrez les modifications et la nouvelle barre lat√©rale affichera d√©sormais vos widgets ! C’est tout ce qu’il y a √† faire.

Voir la barre lat√©rale au travail sur notre tumblelog (c’est-√†-dire des messages r√©cents et un widget RSS !). Allez maintenant chercher de nouveaux widgets √† ajouter √† votre blog.