La barre latérale est un élément classique des sites WordPress, mais elle n’est pas toujours nécessaire. Que ce soit pour simplifier l’affichage, améliorer l’expérience utilisateur ou optimiser l’espace pour le contenu principal, la supprimer peut transformer l’apparence de votre site. Cependant, cette opération doit être réalisée avec précaution pour éviter de casser la mise en page ou de perdre des fonctionnalités essentielles.
Dans ce guide, nous vous expliquons plusieurs méthodes pour supprimer la barre latérale dans WordPress, adaptées à différents thèmes et niveaux de compétence. Que vous utilisiez un thème natif, un constructeur de page ou que vous souhaitiez une solution personnalisée, vous trouverez ici une solution sur mesure. Nous aborderons également les cas particuliers, comme la suppression conditionnelle ou la gestion des widgets résiduels.
Pourquoi supprimer la barre latérale dans WordPress ?
Avant de vous lancer dans la suppression, il est utile de comprendre les avantages et les inconvénients de cette opération.
Les avantages d’une mise en page plus épurée
- Amélioration de l’expérience utilisateur : Une page sans barre latérale réduit les distractions et met l’accent sur votre contenu principal, ce qui est particulièrement utile pour les articles longs ou les pages de vente.
- Optimisation pour le mobile : Les thèmes WordPress modernes sont souvent conçus pour être responsives, mais une barre latérale peut occuper un espace précieux sur les petits écrans. Sa suppression améliore la lisibilité sur mobile.
- Design plus moderne : Les sites web actuels privilégient les mises en page minimalistes. Supprimer la barre latérale peut donner un aspect plus professionnel et épuré à votre site.
- Meilleures performances : Moins d’éléments à charger signifie un temps de chargement réduit, ce qui est bénéfique pour le référencement (SEO) et la rétention des visiteurs.
Les inconvénients à considérer
- Perte de fonctionnalités : La barre latérale contient souvent des widgets utiles comme les archives, les catégories, les boutons de partage ou les formulaires d’inscription. Leur suppression peut impacter l’engagement des visiteurs.
- Modification du thème : Certains thèmes WordPress ne sont pas conçus pour fonctionner sans barre latérale. Une suppression brutale peut casser la mise en page ou désactiver des fonctionnalités.
- Complexité technique : Selon votre thème ou vos plugins, la suppression peut nécessiter des modifications de code ou l’utilisation d’outils avancés comme un éditeur CSS ou un constructeur de page.
Méthode 1 : Supprimer la barre latérale via le personnalisateur WordPress
La méthode la plus simple et la plus sûre consiste à utiliser l’outil de personnalisation intégré à WordPress. Cette approche fonctionne avec la plupart des thèmes modernes et ne nécessite pas de compétences en codage.
Étapes détaillées
- Accéder au personnalisateur :
- Dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser.
- Selon votre thème, recherchez une option comme Disposition, Structure ou Barre latérale.
- Désactiver la barre latérale :
- Dans les paramètres de disposition, choisissez une option sans barre latérale (par exemple, Pleine largeur ou Contenu seul).
- Si votre thème propose plusieurs mises en page, sélectionnez celle qui correspond à vos besoins.
- Cliquez sur Publier pour enregistrer les modifications.
- Vérifier l’affichage :
- Consultez votre site en mode navigation privée pour voir si la barre latérale a bien disparu.
- Si la barre latérale persiste, votre thème ne supporte peut-être pas cette option. Passez à la méthode suivante.
Remarque : Cette méthode est idéale pour les débutants, mais elle dépend entièrement des fonctionnalités proposées par votre thème. Certains thèmes premium ou personnalisés peuvent ne pas inclure cette option.
Méthode 2 : Utiliser un constructeur de page pour supprimer la barre latérale
Si votre thème ne permet pas de désactiver la barre latérale via le personnalisateur, les constructeurs de page comme Elementor, Divi ou Beaver Builder offrent des solutions flexibles. Ces outils permettent de créer des pages sur mesure et de contrôler précisément la disposition des éléments.
Étapes avec Elementor
- Installer Elementor :
- Allez dans Extensions > Ajouter et recherchez Elementor Page Builder.
- Installez et activez le plugin.
- Modifier une page avec Elementor :
- Ouvrez la page où vous souhaitez supprimer la barre latérale.
- Cliquez sur Modifier avec Elementor.
- Supprimer la barre latérale :
- Dans l’éditeur Elementor, allez dans l’onglet Page Layout (Disposition de la page).
- Choisissez Elementor Canvas pour une page sans en-tête ni pied de page, ou Elementor Full Width pour une page sans barre latérale.
- Si vous souhaitez conserver l’en-tête et le pied de page, sélectionnez Elementor Default puis désactivez la barre latérale dans les paramètres du thème (voir Méthode 1).
- Enregistrer et publier :
- Cliquez sur Publier ou Mettre à jour pour appliquer les changements.
Étapes avec Divi
- Activer le constructeur Divi :
- Dans l’éditeur de page, cliquez sur Utiliser le constructeur Divi.
- Modifier la disposition :
- Cliquez sur l’icône de roue dentée (Paramètres) en bas de l’écran.
- Dans l’onglet Avancé, désactivez l’option Afficher la barre latérale.
- Sauvegarder les modifications :
- Cliquez sur Enregistrer pour appliquer les changements.
Avantages des constructeurs de page : Ils offrent un contrôle total sur la mise en page et sont compatibles avec la plupart des thèmes. Cependant, ils peuvent ralentir votre site si vous utilisez trop d’éléments.
Méthode 3 : Supprimer la barre latérale via le code (CSS ou PHP)
Pour les utilisateurs avancés, la suppression de la barre latérale peut être réalisée en modifiant directement le code du thème. Cette méthode est plus flexible mais comporte des risques si elle est mal exécutée.
Option 1 : Masquer la barre latérale avec du CSS
Cette solution ne supprime pas physiquement la barre latérale mais la masque à l’affichage. Elle est utile si vous souhaitez la réactiver facilement plus tard.
- Accéder aux paramètres CSS :
- Dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser > CSS additionnel.
- Ajouter le code CSS :
- Collez le code suivant pour masquer la barre latérale sur toutes les pages :
/* Masquer la barre latérale sur toutes les pages */ .site-content { width: 100%; float: none; margin-left: 0; } .site-sidebar { display: none; } /* Pour les pages spécifiques (remplacez "page-id-123" par l'ID de votre page) */ .page-id-123 .site-sidebar { display: none; }- Publier les modifications :
- Cliquez sur Publier pour enregistrer le CSS.
- Vérifier le résultat :
- Consultez votre site pour confirmer que la barre latérale n’apparaît plus.
Remarque : Cette méthode ne supprime pas les widgets de la barre latérale. Si vous souhaitez les désactiver complètement, utilisez la méthode PHP ci-dessous.
Option 2 : Supprimer la barre latérale via le fichier functions.php
Cette méthode modifie la structure du thème en supprimant l’appel à la barre latérale dans le code PHP. Elle est plus permanente et doit être utilisée avec prudence.
- Accéder au fichier
functions.php:- Dans votre tableau de bord WordPress, allez dans Apparence > Éditeur de thème.
- Sélectionnez le fichier functions.php dans la liste à droite.
- Ajouter le code PHP :
- Ajoutez le code suivant pour désactiver la barre latérale sur toutes les pages :
// Supprimer la barre latérale function remove_sidebar() { return false; } add_filter('sidebar_enabled', 'remove_sidebar');- Mettre à jour le fichier :
- Cliquez sur Mettre à jour le fichier pour enregistrer les modifications.
- Vérifier l’affichage :
- Consultez votre site pour confirmer que la barre latérale a disparu.
Attention : Cette méthode peut ne pas fonctionner avec tous les thèmes. Si votre thème utilise un système de widgets personnalisé, vous devrez peut-être modifier d’autres fichiers comme sidebar.php.
Méthode 4 : Utiliser un plugin dédié pour supprimer la barre latérale
Si vous ne souhaitez pas modifier le code ou utiliser un constructeur de page, des plugins dédiés peuvent simplifier le processus. Voici quelques options populaires :
Plugins recommandés
- Widget Disable :
- Permet de désactiver les widgets spécifiques de la barre latérale sans supprimer la barre elle-même.
- Idéal si vous souhaitez conserver la barre latérale mais enlever certains éléments.
- Ultimate Sidebar :
- Offre un contrôle avancé sur les barres latérales, y compris la possibilité de les désactiver par page ou par type de publication.
- Compatible avec la plupart des thèmes.
- Page Builder by SiteOrigin :
- Inclut des options pour créer des pages sans barre latérale et est compatible avec les constructeurs de page populaires.
Étapes pour utiliser Widget Disable
- Installer et activer le plugin :
- Allez dans Extensions > Ajouter et recherchez Widget Disable.
- Installez et activez le plugin.
- Désactiver les widgets :
- Allez dans Apparence > Widget Disable.
- Cochez les widgets que vous souhaitez désactiver dans la barre latérale.
- Cliquez sur Enregistrer les modifications.
- Vérifier le résultat :
- Consultez votre site pour voir les widgets supprimés.
Avantages des plugins : Ils sont faciles à utiliser et ne nécessitent pas de compétences techniques. Cependant, ils ajoutent une dépendance supplémentaire à votre site.
Cas particuliers : Supprimer la barre latérale sur des pages spécifiques
Parfois, vous ne souhaitez supprimer la barre latérale que sur certaines pages ou types de publications. Voici comment procéder.
Supprimer la barre latérale sur une page spécifique
Si vous utilisez un constructeur de page comme Elementor ou Divi, cette option est généralement disponible directement dans les paramètres de la page. Sinon, vous pouvez utiliser du CSS ou un plugin.
Avec CSS
Ajoutez le code suivant dans Apparence > Personnaliser > CSS additionnel, en remplaçant page-id-123 par l’ID de votre page :
.page-id-123 .site-sidebar { display: none; }Avec un plugin
Le plugin Ultimate Sidebar permet de désactiver la barre latérale par page. Installez-le, puis allez dans Apparence > Ultimate Sidebar pour configurer les pages concernées.
Supprimer la barre latérale sur les articles de blog
Pour supprimer la barre latérale sur toutes les pages d’articles, utilisez le code PHP suivant dans votre fichier functions.php :
// Supprimer la barre latérale sur les articles function remove_sidebar_from_posts() { if (is_single()) { return false; } return true; } add_filter('sidebar_enabled', 'remove_sidebar_from_posts');Supprimer la barre latérale sur les pages d’archives
Pour les pages d’archives (catégories, balises, auteurs), utilisez ce code :
// Supprimer la barre latérale sur les archives function remove_sidebar_from_archives() { if (is_archive()) { return false; } return true; } add_filter('sidebar_enabled', 'remove_sidebar_from_archives');Problèmes courants et solutions
Même avec les bonnes méthodes, vous pourriez rencontrer des problèmes lors de la suppression de la barre latérale. Voici les plus fréquents et comment les résoudre.
La barre latérale persiste après les modifications
- Vérifiez le cache : Votre navigateur ou votre plugin de cache (comme WP Rocket ou W3 Total Cache) peut afficher une version obsolète de votre site. Videz le cache et rechargez la page.