Supprimer la barre d’administration WordPress en front-end

Si tu développes ou gères un site WordPress, tu as sûrement remarqué cette barre noire en haut de ton site lorsque tu es connecté. C’est la barre d’administration WordPress (WordPress Admin Bar). Elle est pratique pour naviguer rapidement vers le back-office, mais sur un site en production ou un thème custom, elle peut gêner visuellement — surtout quand tu travailles sur le design.

Pourquoi supprimer la barre admin WordPress ?

Elle casse le design de ton header ou navigation custom
Elle ajoute un margin-top: 32px automatique au <body> qui peut décaler tout ton layout
Elle expose que ton site tourne sur WordPress (sécurité)
Sur mobile elle prend de la place inutilement

Méthode 1 — Via functions.php (recommandée)

La méthode la plus propre. Ajoute cette ligne dans le fichier functions.php de ton thème enfant ou directement dans ton thème :

// Masquer la barre admin WordPress en front-end
add_filter( 'show_admin_bar', '__return_false' );

⚠️ Cette ligne masque la barre uniquement sur le front-end (ce que voient les visiteurs). Le back-office (/wp-admin/) reste intact.

Méthode 2 — Via CSS (masquage visuel)

Si tu préfères juste la masquer visuellement sans désactiver la fonctionnalité :

/* Masquer la barre admin en CSS */
#wpadminbar {
    display: none !important;
}

html {
    margin-top: 0 !important;
}

⚠️ Cette méthode est moins propre car WordPress ajoute quand même les scripts et styles de la barre admin.

Méthode 3 — Selon le rôle utilisateur

Si tu veux la masquer uniquement pour les abonnés (subscribers) mais la garder pour les admins :

add_filter( 'show_admin_bar', function( $show ) {
    if ( current_user_can( 'administrator' ) ) {
        return $show; // Admin = barre visible
    }
    return false; // Autres rôles = barre masquée
} );

Méthode 4 — Via un plugin

Si tu ne veux pas toucher au code, le plugin Remove Admin Bar ou WP Hide Admin Bar font ça en un clic depuis Extensions > Ajouter.

Quelle méthode choisir ?

Méthode	Propre	Performance	Complexité
functions.php	✅ Oui	✅ Optimal	⭐ Facile
CSS	⚠️ Non	❌ Scripts chargés quand même	⭐ Facile
Par rôle	✅ Oui	✅ Optimal	⭐⭐ Moyen
Plugin	✅ Oui	⚠️ Plugin supplémentaire	⭐ Facile

Mon choix pour Idfix : la méthode 1 via functions.php. Une ligne, zéro plugin, zéro CSS en trop. C’est la façon dont j’ai supprimé la barre sur ce site.