Les widgets font tellement partie intégrante des thèmes WordPress qu’il est difficile d’imaginer un thème WordPress sans widgets. Les widgets sont des scripts exécutables que vous pouvez simplement faire glisser et déposer dans vos barres latérales ou dans toute autre zone prête pour les widgets de votre thème. Beaucoup de nos lecteurs utilisent des widgets pour ajouter des éléments personnalisés à leur barre latérale. Cependant, cet article est destiné aux utilisateurs curieux qui souhaitent apprendre à ajouter des barres latérales dynamiques prêtes pour les widgets ou des zones prêtes pour les widgets dans les thèmes WordPress.
Enregistrement de barres latérales ou de zones prêtes pour les widgets dans WordPress
La première chose que vous devez faire est d’enregistrer votre barre latérale ou votre zone prête pour les widgets pour votre thème. Vous pouvez enregistrer plusieurs barres latérales et zones prêtes pour les widgets. Copiez et collez ce code dans le fichier functions.php de votre thème
function wpb_widgets_init() { register_sidebar( array( 'name' => __( 'Main Sidebar', 'wpb' ), 'id' => 'sidebar-1', 'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' =>__( 'Front page sidebar', 'wpb'), 'id' => 'sidebar-2', 'description' => __( 'Appears on the static front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); } add_action( 'widgets_init', 'wpb_widgets_init' );
Dans ce code, nous avons enregistré deux barres latérales. Nous leur avons donné des noms et des descriptions pour les identifier sur l’écran Widgets. Le paramètre description peut être utilisé pour indiquer aux utilisateurs où cette barre latérale apparaît dans le thème. Le wpb est le nom du thème sur lequel nous travaillons, il est utilisé ici pour rendre ces chaînes traduisibles. Vous devez le remplacer par le nom de votre thème.
Ajout de barres latérales dynamiques prêtes pour les widgets dans les fichiers de thème WordPress
Jusqu’à présent, nous n’avons enregistré que les barres latérales dynamiques. Les utilisateurs peuvent faire glisser et déposer des widgets dans ces barres latérales à partir de Apparence » Widgets filtrer. Cependant, ces barres latérales n’apparaîtront pas sur votre site tant qu’elles ne seront pas appelées dans un modèle tel que sidebar.php
ou à tout autre endroit où vous souhaitez les afficher. Pour ajouter ces zones de widgets, modifiez le fichier modèle où vous souhaitez les afficher et collez ce code :
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div> <?php endif; ?>
Dans cet exemple de code, nous avons utilisé l’identifiant de la barre latérale pour appeler la barre latérale que nous voulons afficher ici. Modifiez l’identifiant de la barre latérale pour afficher une autre barre latérale. Par exemple, vous pouvez enregistrer trois barres latérales pour la zone de pied de page, puis les appeler une par une dans votre thème. footer.php
modèle.
Les widgets peuvent être très puissants. Vous pouvez ajouter des widgets à vos publications et au contenu de vos pages, rendre vos widgets de texte colorés ou étendre la puissance des widgets WordPress par défaut. Les barres latérales prêtes pour les widgets correctement placées permettent aux utilisateurs d’ajouter des éléments personnalisés à leurs sites Web à l’aide d’une simple interface glisser-déposer.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des barres latérales dynamiques prêtes pour les widgets dans WordPress. Nous vous recommandons d’étudier le code dans des frameworks thématiques tels que Genesis pour savoir comment les professionnels les utilisent dans leurs produits. Pour des questions et des commentaires, veuillez laisser un commentaire ci-dessous.