L'une de mes façons préférées de rendre un site WordPress plus intelligent est d'adapter le contenu de chaque page. Vous voulez toujours montrer à vos visiteurs les informations les plus pertinentes possible.
Une façon fantastique de le faire est d'ajouter une barre latérale différente pour différentes pages dans WordPress.
Cela signifie simplement que la barre latérale de votre page « À propos » peut servir un objectif complètement différent de celle de votre blog.
C'est un petit ajustement qui rend votre site incroyablement professionnel et plus performant pour vos visiteurs.
Dans ce guide, je vais vous montrer comment le configurer sans écrire une seule ligne de code.
Étapes rapides :
Pourquoi utiliser des barres latérales différentes pour différentes pages dans WordPress
Avant de passer aux étapes, parlons de la raison pour laquelle ce petit changement peut faire une grande différence. Une barre latérale unique peut fonctionner techniquement, mais elle semble souvent déplacée sur la mauvaise page.
Lorsque vous personnalisez vos barres latérales, vous débloquez toutes sortes d'améliorations utiles.
Voici certains des plus grands avantages que j'ai constatés :
- Augmente la pertinence
Vous pouvez afficher du contenu qui correspond à l'objectif de la page. Par exemple, des articles similaires sur votre blog ou vos heures d'ouverture et votre carte sur la page de contact.
- Améliore l'expérience utilisateur
Lorsque les visiteurs peuvent trouver rapidement ce dont ils ont besoin, ils restent plus longtemps et vivent une meilleure expérience. En fait, une conception intuitive peut augmenter la rétention des utilisateurs jusqu'à 60 %, montrant à quel point une mise en page bien organisée (comme une barre latérale ciblée) peut avoir un impact sur l'engagement.
- Paraît plus professionnel
Un site qui adapte sa mise en page en fonction de la page semble plus intelligent. Il indique à vos visiteurs que vous avez prêté attention aux détails.
- Guide vos visiteurs
Votre barre latérale est un espace privilégié pour l'action. Vous pouvez ajouter une inscription à la newsletter sur votre blog ou un bouton « Réserver maintenant » sur votre page de services au moment où les utilisateurs sont les plus intéressés.
Apporter ce seul changement affine vraiment la conception et les performances de votre site.
Comment ajouter une barre latérale WordPress pour différentes pages avec SeedProd
La façon la plus simple de créer et d'attribuer des barres latérales personnalisées dans WordPress est d'utiliser SeedProd, le meilleur constructeur de site web par glisser-déposer pour WordPress.
Avec SeedProd, vous pouvez créer des thèmes, des pages et des mises en page entièrement personnalisés, sans écrire une seule ligne de code. Il comprend un puissant Theme Builder qui vous permet de concevoir des en-têtes, des pieds de page, des barres latérales, et plus encore à l'aide de blocs visuels simples.
Cela signifie que vous pouvez créer une barre latérale différente pour chaque page de votre site, contrôler exactement où elle apparaît, et apporter des modifications à tout moment sans toucher à vos fichiers de thème.
Laissez-moi vous montrer comment cela fonctionne étape par étape.
Étape 1 : Installer et activer SeedProd
Pour commencer, rendez-vous sur le site web de SeedProd et connectez-vous à votre compte.
Cliquez sur l'onglet Téléchargements et téléchargez le fichier du plugin sur votre ordinateur. Il sera enregistré sous forme de fichier ZIP.
Pour ce tutoriel, nous allons dupliquer cette barre latérale et apporter quelques modifications afin qu'elle soit spécifiquement adaptée à la page Archives plutôt qu'à la page du blog.
Ensuite, allez dans votre tableau de bord WordPress et installez et activez le plugin. Pour plus de détails, veuillez consulter notre documentation sur comment installer SeedProd Pro.
Étape 2 : Créer un thème personnalisé
Maintenant que SeedProd est installé, vous pouvez commencer à créer votre thème WordPress personnalisé.
Dans votre tableau de bord WordPress, allez dans SeedProd » Theme Builder. En haut de la page, cliquez sur le bouton Theme Template Kits.
Vous verrez une bibliothèque de Starter Themes conçus par des professionnels.
Choisissez un modèle qui correspond à votre marque. Vous pourrez tout modifier plus tard dans le constructeur glisser-déposer.
Lorsque vous sélectionnez un kit, SeedProd créera automatiquement toutes les parties essentielles du thème pour vous, qui comprennent :
- En-tête
- Pied de page
- Publication unique
- Page
- Barre latérale
- Et plus encore
Vous pouvez modifier chaque partie dans l'éditeur visuel de SeedProd, vous pouvez donc personnaliser la mise en page sans toucher à aucun code.
Si vous souhaitez une présentation complète de son fonctionnement, consultez notre guide sur comment créer un thème WordPress personnalisé.
Étape 3 : Créer un modèle de barre latérale personnalisé
Pour afficher un contenu de barre latérale différent sur différentes pages, vous voudrez créer un nouveau modèle de barre latérale basé sur votre conception existante afin que tout reste cohérent.
Tout d'abord, trouvez la partie de modèle Sidebar dans votre kit. C'est la barre latérale par défaut que votre thème utilise chaque fois qu'une page en demande une.
Pour ce tutoriel, nous allons dupliquer cette barre latérale et y apporter quelques modifications afin qu'elle soit spécifiquement adaptée à la page Archives au lieu de la page de blog.
Pour ce faire, survolez le modèle Sidebar dans le Theme Builder et cliquez sur Duplicate.
Vous verrez maintenant une copie apparaître dans votre liste de parties de thème.
Cliquez sur Edit Design sur la version dupliquée pour l'ouvrir dans le constructeur visuel.
À l'intérieur de l'éditeur, vous pouvez personnaliser la mise en page comme vous le souhaitez.
Pour la barre latérale de ma page Archives, j'ai supprimé le bloc de formulaire d'inscription et l'ai remplacé par un bloc d'articles récents et quelques témoignages pour mettre en évidence la preuve sociale.
Pour faire cela vous-même, survolez simplement un bloc et sélectionnez l'icône de la corbeille.
Ensuite, faites glisser les blocs que vous souhaitez afficher dans votre barre latérale personnalisée.
Cela maintient la conception globale de la barre latérale cohérente. Elle a les mêmes polices, espacements et structure, mais le contenu correspond à l'intention de la page.
Pour une présentation plus détaillée, consultez notre guide sur comment ajouter une barre latérale personnalisée dans WordPress.
Étape 4 : Ajouter la barre latérale à la mise en page d'une page
Passons maintenant à l'ajout de votre nouvelle barre latérale au bon modèle.
Le kit de thème que j'utilise comprend deux modèles qui comportent une barre latérale :
- Single Post — utilisé pour les articles de blog réguliers
- Archives, Résultats de recherche — utilisé pour les pages d'archives telles que les listes de catégories et les résultats de recherche
Actuellement, ces deux modèles utilisent la même barre latérale par défaut.
Dans ce cas, je veux que le modèle Archives, Résultats de recherche utilise la nouvelle barre latérale que je viens de créer. Celle qui est conçue pour le contenu d'archives.
Pour ce faire, trouvez le modèle Archives, Résultats de recherche dans la liste et cliquez sur Modifier le design.
Dans l'éditeur SeedProd, survolez la zone de la barre latérale jusqu'à ce qu'une barre d'outils orange apparaisse. Cliquez sur cette section pour la sélectionner.
Dans le panneau des paramètres de gauche, vous verrez Modification : Parties de modèle.
Dans le menu déroulant Partie de modèle, sélectionnez le nouveau modèle de barre latérale que vous avez créé précédemment.
Vous verrez la mise en page se mettre à jour immédiatement, montrant votre barre latérale personnalisée en place.
Lorsque vous êtes satisfait, cliquez simplement sur Enregistrer dans le coin supérieur droit.
Et voilà ! Vous avez maintenant attribué une barre latérale différente à vos pages d'archives sans modifier ce qui est affiché sur les articles de blog.
Étape 5 : Enregistrer, Publier et Activer Votre Thème
Une fois votre barre latérale personnalisée en place, la dernière étape consiste à vous assurer que votre thème est actif sur votre site.
Allez dans SeedProd » Thème Builder dans votre tableau de bord WordPress.
En haut de la page, cliquez sur le bouton bascule qui indique Activer le thème SeedProd.
Cela remplacera votre thème WordPress actuel par celui que vous venez de créer, y compris votre mise en page personnalisée et les affectations de barres latérales.
Visitez maintenant votre site et accédez à une page d'archive (comme une catégorie de blog ou les résultats de recherche). Vous devriez voir votre nouvelle barre latérale apparaître exactement là où vous l'avez placée.
Si vous souhaitez créer d'autres barres latérales personnalisées pour d'autres modèles, répétez simplement les mêmes étapes.
Autres façons d'afficher différentes barres latérales dans WordPress
Si vous n'utilisez pas SeedProd, il existe encore quelques autres moyens d'afficher différentes barres latérales sur votre site WordPress. Ces méthodes n'offrent pas la même expérience de glisser-déposer, mais elles peuvent fonctionner en fonction de votre configuration.
Utiliser un plugin de barre latérale dynamique
Une option consiste à installer un plugin comme Custom Sidebars – Dynamic Widget Area Manager.
Cela vous permet de créer plusieurs barres latérales et de les attribuer à différentes pages, articles ou catégories à l'aide d'une simple interface déroulante.
- Avantages : Aucun code requis, fonctionne avec la plupart des thèmes
- Inconvénients : Vous êtes limité aux mises en page basées sur des widgets et vous n'avez pas de contrôle visuel complet comme avec SeedProd
Modifier les fichiers du thème (méthode par code)
Si vous êtes à l'aise avec la modification de code, vous pouvez enregistrer des barres latérales personnalisées et les afficher à l'aide de la logique conditionnelle dans vos modèles de thème. Cependant, je ne recommande pas cela si vous n'êtes pas familier avec le codage.
- Avantages : Contrôle total sur où et comment les barres latérales apparaissent
- Inconvénients : Risqué pour les débutants ; les modifications peuvent être perdues si vous mettez à jour votre thème sans thème enfant
Personnellement, je choisis SeedProd à chaque fois. C'est l'option la plus simple que j'ai trouvée, surtout lorsque vous souhaitez un contrôle total sur l'apparence de vos barres latérales et leur emplacement sans toucher une seule ligne de code. De plus, il est suffisamment flexible pour correspondre à n'importe quelle mise en page ou style de conception que vous recherchez.
FAQ sur les barres latérales personnalisées dans WordPress
Faites en sorte que vos barres latérales s'adaptent à chaque page
Utiliser une barre latérale différente pour différentes pages dans WordPress est l'un de ces petits changements qui ont un grand impact. Cela donne à votre site un design plus épuré, améliore l'expérience utilisateur et aide à guider les visiteurs exactement là où vous voulez qu'ils aillent.
Personnellement, j'utilise SeedProd pour cela car cela rend l'ensemble du processus rapide et sans code. De plus, je peux faire correspondre parfaitement la mise en page à l'objectif de chaque page.
Vous pouvez créer des mises en page et des barres latérales personnalisées avec SeedProd en quelques clics, sans développeur.
Vous trouverez peut-être également utiles les guides suivants pour personnaliser votre site WordPress :
- Comment créer une page personnalisée dans WordPress
- Comment changer la mise en page d'un blog dans WordPress
- Comment modifier les marges dans WordPress
- Comment masquer les titres de page dans WordPress
- Comment ajouter une galerie à WordPress
- Comment ajouter du CSS personnalisé dans WordPress
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
