Comment supprimer la barre latérale dans WordPress (6 méthodes simples)

Voulez-vous supprimer la barre latérale de votre site WordPress ?

La barre latérale est une zone prête à accueillir des widgets dans votre thème WordPress où vous pouvez afficher des informations qui ne font pas partie du contenu de la page principale. Cependant, les barres latérales peuvent être gênantes et occuper un espace précieux.

Dans cet article, nous allons vous montrer comment supprimer facilement la barre latérale dans WordPress.

Pourquoi supprimer la barre latérale dans WordPress ?

La plupart des thèmes WordPress gratuits et payants sont livrés avec plusieurs barres latérales ou zones prêtes pour les widgets.

Vous pouvez utiliser les barres latérales pour afficher une liste de vos publications récentes, de vos publicités, de vos formulaires d'inscription à la liste de diffusion ou de tout autre contenu qui ne fait pas partie de la page principale ou de la publication.

Chez WPBeginner, nous utilisons une barre latérale pour promouvoir nos pages de réseaux sociaux et afficher nos publications les plus populaires.

Vous pouvez facilement ajouter des éléments à la barre latérale d’un thème à l’aide des widgets WordPress.

Dans la plupart des thèmes WordPress, la barre latérale est différente selon que le visiteur voit votre site sur un ordinateur de bureau ou un appareil mobile. Étant donné que les smartphones et les tablettes ont des écrans plus petits, WordPress déplace généralement les barres latérales vers le bas de l'écran.

Selon la configuration de votre site, cela peut paraître étrange. Les visiteurs devront également faire défiler l'écran jusqu'en bas pour voir le contenu de la barre latérale, ce qui peut affecter l'expérience utilisateur et vos taux de conversion.

Pour plus d’informations, veuillez consulter notre guide sur la façon d’afficher la version mobile des sites WordPress depuis un ordinateur.

Même sur un ordinateur de bureau, la barre latérale peut entrer en conflit avec votre conception ou détourner l’attention du contenu le plus important, comme l’appel à l’action de la page.

Cela étant dit, voyons comment supprimer la barre latérale dans WordPress. Nous vous montrerons comment supprimer la barre latérale de l'ensemble de votre site et comment masquer la barre latérale sur une page ou une publication spécifique uniquement.

Didacticiel vidéo

Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, continuez à lire. Si vous préférez passer directement à une méthode particulière, vous pouvez utiliser les liens ci-dessous.

Méthode 1. Suppression des barres latérales à l'aide des paramètres de votre thème WordPress

La plupart des meilleurs thèmes WordPress sont dotés de paramètres intégrés permettant de supprimer les barres latérales. En fonction de votre thème, vous pourrez peut-être supprimer la barre latérale de l'ensemble de votre site ou la supprimer de publications et de pages individuelles.

Le moyen le plus simple de vérifier si votre thème dispose de ces paramètres consiste à utiliser le personnalisateur de thème. Dans votre tableau de bord WordPress, accédez à Apparence » Personnaliser.

Dans le menu de gauche, recherchez une « Barre latérale » ou un paramètre similaire.

Dans l’image suivante, vous pouvez voir les options du thème WordPress populaire Astra.

Si vous voyez une « Barre latérale » ou une option similaire, sélectionnez-la et recherchez les paramètres qui supprimeront la barre latérale.

Il peut s'agir d'un menu déroulant, de vignettes montrant les différentes dispositions de la barre latérale ou d'un autre paramètre.

Si votre thème n'a pas d'option « Barre latérale », vous pourrez peut-être supprimer la barre latérale en sélectionnant la « Page » ou une section similaire.

Comme vous pouvez le voir dans l'image suivante, Astra dispose également d'un paramètre « Page ».

Ici, vous verrez différentes mises en page, dont plusieurs qui suppriment la barre latérale, telles que « Pas de barre latérale » et « Pleine largeur/Étiré ».

Cliquez simplement sur une vignette pour appliquer cette mise en page à votre site.

Quelle que soit la façon dont vous supprimez la barre latérale, n'oubliez pas de cliquer sur « Publier ».

Certains thèmes vous permettent également de supprimer la barre latérale de publications et de pages individuelles. Cela peut être utile lors de la conception de pages personnalisées, telles qu'une page de destination ou une page de vente.

Pour voir si votre thème dispose de ces paramètres, ouvrez simplement n'importe quelle page ou publication dont vous souhaitez masquer la barre latérale. Dans le menu de droite, sélectionnez « Publier » ou « Page », puis recherchez une option « Paramètres de publication » ou « Paramètres de page ».

Si votre thème comporte cette section, cliquez pour développer. Vous pouvez maintenant rechercher tous les paramètres qui vous permettent de supprimer la barre latérale.

Dans l'image suivante, vous pouvez voir les paramètres de publication du thème populaire ThemeIsle Hestia.

Avec certains thèmes WordPress, il n'est pas possible de supprimer la barre latérale à l'aide du personnalisateur ou de l'éditeur de page. Si tel est le cas, continuez à lire et nous vous montrerons d’autres façons de supprimer la barre latérale dans WordPress.

Méthode 2. Suppression de la barre latérale à l'aide de l'édition complète du site (thèmes basés sur des blocs uniquement)

Si vous utilisez un thème de bloc tel que Divi, vous pouvez supprimer la barre latérale à l'aide de Full Site Editing (FSE) et de l'éditeur de bloc.

Cette méthode est un moyen rapide et facile de supprimer la barre latérale sur l’ensemble de votre site, même si elle ne fonctionnera pas avec tous les thèmes.

Pour lancer l'éditeur, accédez à Éditeur d'apparence ».

Vous pouvez maintenant cliquer pour sélectionner la barre latérale.

Dans la petite barre d'outils qui apparaît, cliquez sur l'icône en pointillé.

Vous pouvez maintenant supprimer la barre latérale en cliquant sur « Supprimer la colonne » ou un paramètre similaire.

Une fois que vous avez fait cela, vous pouvez continuer et cliquer sur le bouton « Enregistrer ».

Désormais, si vous visitez votre site Web WordPress, vous verrez que la barre d’outils a disparu.

Méthode 3. Supprimez la barre latérale de l'ensemble de votre site Web WordPress (avancé)

Cette méthode vous permet de supprimer les barres latérales de chaque page et de publier sur votre blog ou site Web WordPress.

Vous devrez modifier vos fichiers de thème, ce n’est donc pas l’option la plus conviviale pour les débutants. Cependant, cette méthode devrait fonctionner pour la plupart des thèmes WordPress, y compris les thèmes qui ne disposent pas de moyen intégré pour masquer la barre latérale.

Gardez à l’esprit que si vous modifiez directement les fichiers de votre thème WordPress, ces modifications disparaîtront lorsque vous mettrez à jour le thème.

Cela étant dit, nous vous recommandons de créer un thème enfant car cela vous permet de mettre à jour votre thème WordPress sans perdre la personnalisation.

Tout d'abord, vous devez vous connecter à votre site WordPress à l'aide d'un client FTP tel que FileZilla, ou vous pouvez utiliser le gestionnaire de fichiers de votre hébergement WordPress cPanel. Si vous êtes un utilisateur de SiteGround, vous pouvez utiliser le tableau de bord Outils du site à la place.

Si c'est la première fois que vous utilisez FTP, vous pouvez consulter notre guide complet sur la façon de vous connecter à votre site via FTP.

Une fois connecté, accédez à /wp-content/themes/ et ouvrez le dossier de votre thème WordPress actuel.

Les thèmes WordPress sont constitués de différents modèles, vous devrez donc modifier tous les modèles qui incluent une barre latérale. Pour déterminer les fichiers que vous devez modifier, consultez notre guide sur la hiérarchie des modèles WordPress.

Par exemple, vous devrez peut-être modifier index.php, page.php, single.php, archive.php, home.php, etc.

Pour modifier un fichier, ouvrez-le dans un éditeur de texte tel que le Bloc-notes. Ensuite, recherchez la ligne qui ressemble à ceci :

<?php get_sidebar(); ?>

Si votre thème comporte plusieurs barres latérales, le code sera légèrement différent et il peut y avoir plusieurs éléments de code de la barre latérale. Généralement, ce code aura le mot « sidebar » à l’intérieur de la fonction, par exemple :

<?php get_sidebar('footer-widget-area'); ?>

Vous pouvez simplement supprimer la ligne de la barre latérale que vous souhaitez supprimer.

Maintenant, enregistrez et téléchargez le fichier sur votre compte d'hébergement WordPress. Vous pouvez maintenant répéter ce processus pour tous les fichiers modèles dotés d'une barre latérale.

Lorsque vous avez terminé, visitez votre boutique en ligne, votre blog ou votre site Web pour voir le changement en action.

Vous remarquerez peut-être que même si les barres latérales ont disparu, votre zone de contenu a toujours la même largeur, ce qui laisse la zone de la barre latérale vide.

Cela se produit lorsque le thème a une largeur définie pour la zone de contenu. Après avoir supprimé la barre latérale, vous devrez peut-être ajuster la largeur de la zone de contenu en ajoutant du CSS personnalisé à votre thème WordPress.

Pour ce faire, rendez-vous dans Thème » Personnaliser. Dans le menu de gauche, cliquez sur CSS supplémentaire.

Vous pouvez maintenant continuer et coller le code suivant dans le petit éditeur de code :

.content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.content-area .site {
margin:0px;
}

N'oubliez pas de cliquer sur le bouton « Publier ». Maintenant, visitez votre site et vous verrez que la zone de contenu occupe 100 % de l’espace disponible.

Méthode 4. Suppression des barres latérales des pages individuelles dans WordPress

Vous souhaiterez peut-être supprimer la barre latérale uniquement sur certaines pages tout en continuant à afficher la barre latérale sur d'autres zones de votre site. Par exemple, de nombreux sites Web n’affichent pas la barre latérale sur leur page de paiement, car cela pourrait distraire les acheteurs et les empêcher de finaliser leur achat.

Si vous souhaitez simplement supprimer la barre latérale d'une page spécifique, nous vous recommandons d'utiliser un plugin de création de page comme SeedProd.

SeedProd vous permet de concevoir n'importe quel type de page à l'aide d'un simple éditeur glisser-déposer. Cela facilite l’ajout et la suppression de la barre latérale de n’importe quelle page.

Dans l'éditeur SeedProd, cliquez simplement pour sélectionner la barre latérale que vous souhaitez supprimer. Ensuite, continuez et cliquez sur l’icône de la poubelle.

Si vous souhaitez supprimer la barre latérale de l'ensemble de votre site, vous pouvez également utiliser SeedProd pour créer facilement un thème personnalisé sans barre latérale.

Méthode 5. Supprimer les barres latérales d'une page statique dans WordPress

Certains thèmes WordPress sont livrés avec plusieurs modèles, y compris des modèles de page pleine largeur qui n'affichent pas de barre latérale de chaque côté du contenu. Vous pouvez utiliser ces modèles pour supprimer la barre latérale de n'importe quelle page.

Pour voir si votre thème dispose d’un modèle pleine largeur, ouvrez simplement n’importe quelle page. Dans le menu de droite, cliquez sur le lien à côté de « Modèle ».

Dans la fenêtre contextuelle qui apparaît, ouvrez le menu déroulant et recherchez un modèle pleine largeur.

Si vous en trouvez un, cliquez dessus pour appliquer le modèle à cette page.

Si votre thème ne dispose pas de modèle pleine largeur, vous pouvez en créer un manuellement.

Ouvrez un éditeur de texte brut comme le Bloc-notes et collez le code suivant dans un fichier vierge :

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

Vous pouvez maintenant enregistrer ce fichier sous le nom full-width.php.

Après cela, connectez-vous à votre site à l'aide d'un client FTP ou du gestionnaire de fichiers fourni par votre hébergeur WordPress.

Ensuite, allez dans /wp-content/themes/ et ouvrez le dossier de votre thème actuel. Dans ce dossier, recherchez le fichier page.php et ouvrez-le dans n'importe quel éditeur de texte.

Maintenant, copiez tout ce qui apparaît après le <?php get_header(); ?> et collez-le dans votre fichier full-width.php.

Une fois que vous avez fait cela, recherchez et supprimez la ligne qui ressemble à ceci :

<?php get_sidebar(); ?>

Vous pouvez maintenant enregistrer vos modifications et télécharger le fichier full-width.php dans votre dossier de thème.

Cela fait, vous pouvez utiliser ce modèle avec n'importe quelle page en suivant le même processus décrit ci-dessus.

Remarque : Si une page est ouverte dans l'éditeur de contenu lors de la création du fichier full-width.php, vous devrez alors actualiser l'éditeur avant que le nouveau modèle n'apparaisse dans le menu déroulant.

Pour plus de détails, consultez notre guide sur la façon de créer un modèle de page pleine largeur dans WordPress.

Méthode 6. Supprimer la barre latérale d'une seule publication dans WordPress

WordPress propose également des modèles de publication, qui fonctionnent de la même manière que les modèles de page.

Si vous souhaitez supprimer la barre latérale de certaines publications uniques, vous pouvez créer un modèle personnalisé pour une seule publication. Cela revient à créer un modèle de page pleine largeur.

Tout d’abord, vous devrez créer un nouveau fichier modèle à l’aide d’un éditeur de texte tel que le Bloc-notes. Une fois que vous avez fait cela, vous pouvez copier et coller le code suivant dans ce fichier :

<?php
/*
 * Template Name: Featured Article
 * Template Post Type: post, page, product
 */

 get_header();  ?>

Ce code crée un nouveau modèle appelé « Article en vedette » et le rend disponible pour n'importe quelle page ou publication, ainsi que pour tous les types de publication de produits dans votre boutique en ligne.

Dans votre modèle de publication unique personnalisé, il vous suffit de supprimer la partie barre latérale du code. Pour plus d'informations, suivez les étapes décrites dans notre guide sur la façon de créer des modèles de publication uniques personnalisés dans WordPress.

Lorsque vous avez terminé, enregistrez ce fichier sous full-width.php.

Ensuite, vous devez télécharger le fichier dans votre dossier de thème WordPress actuel à l'aide d'un client FTP ou d'un gestionnaire de fichiers.

Une fois que vous avez fait cela, vous pouvez appliquer ce modèle à n’importe quelle publication. Dans le menu de droite, cliquez simplement sur le lien à côté de « Modèle ».

Dans la fenêtre contextuelle qui apparaît, ouvrez le menu déroulant, puis choisissez le modèle pleine largeur que vous venez de créer.

Après cela, cliquez simplement sur « Mettre à jour » ou « Publier » pour appliquer vos modifications.

Nous espérons que cet article vous a aidé à apprendre comment supprimer facilement la barre latérale de votre thème WordPress. Vous souhaiterez peut-être également consulter notre guide étape par étape sur la façon d’augmenter la vitesse et les performances de WordPress, ainsi que notre comparaison des meilleurs services de marketing par e-mail pour augmenter votre trafic et vos ventes.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.