Kava  |  Multipurpose WP Theme with Elementor Page Builder

My cart

Comment créer plusieurs barres latérales dynamiques pour les widgets WordPress

logo carre@4x

Étape 1 – Créer plusieurs barres latérales dynamiques

Le code functions.php qui a aidé à widgetiser votre thème wordpress et à prendre en charge une seule barre latérale dynamique, doit maintenant être modifié (à l’aide de n’importe quel éditeur de texte comme le Bloc-notes) pour

prendre en charge plusieurs barres latérales

. Vous vous souvenez que nous avions modifié le function.php par défaut de

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

au nouveau code ci-dessous pour

prendre en charge notre modèle personnalisé

avec des sous-titres h4 et des listes non ordonnées non par défaut dans la barre latérale. N’OUBLIEZ PAS que vous devez modifier functions.php pour qu’il corresponde à votre thème wordpress, sinon cela ne fonctionnera pas.

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

Pour prendre en charge plusieurs barres latérales, j’ai simplement besoin de spécifiques que plusieurs barres latérales doivent être utilisées et

de les nommer comme je le souhaite

. Dans notre cas, j’utilise Sidebar1, Sidebar2 etc et autant que vous le souhaitez. Le code ressemble maintenant à ceci –

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

J’ai personnellement étendu cette capacité à 6 barres latérales dynamiques sur ce blog . Voici à quoi cela ressemble en haut du panneau d’administration.


Vous pouvez désormais faire glisser et déposer les widgets de votre choix dans différentes barres latérales et personnaliser les options. N’oubliez pas d’enregistrer les modifications, sinon toute personnalisation sera perdue.

Étape 2 – Ajouter des barres latérales dynamiques au modèle WordPress

Vous devez maintenant placer le code dans le modèle de thème wordpress où vous souhaitez que les widgets wordpress pertinents fonctionnent. Au lieu du code précédent, vous pouvez placer les différentes barres latérales dynamiques dans différentes zones du modèle.

Le code Sidebar1 ressemble à ceci

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

Le code Sidebar2 va comme ceci

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

Enregistrez le modèle et regardez vos widgets en direct. Vous pouvez ajouter de nombreuses barres latérales dynamiques avec diverses combinaisons de widgets et avoir un concept de conception Web vraiment unique.