Déplacer la barre d’administration WordPress en bas de l’écran

Introduite sous WordPress 3.1, la barre d’administration est loin de plaire à tout le monde et un tutoriel précédent vous permet de la désactiver. Une nouvelle astuce proposée par WP Engineer permet de la disposer en bas de votre écran aussi bien en front-end qu’en back-end.

Une nouvelle fois nous allons intervenir le fichier functions.php présent dans votre thème.

Pour ce faire, déroulez le menu Apparence puis cliquez sur l’item Éditeur.

Dans la liste de droite, cliquez sur functions.php puis ajoutez les lignes de code suivantes :

function fb_move_admin_bar() {
echo '
<style type="text/css">
body {
padding-bottom: 28px;
}
body.admin-bar #wphead {
padding-top: 0;
}
body.admin-bar #footer {
padding-bottom: 28px;
}
#wpadminbar {
top: auto !important;
bottom: 0;
}
#wpadminbar .quicklinks .menupop ul {
bottom: 28px;
}
</style>';
}
    // dans le back-end
    add_action( 'admin_head', 'fb_move_admin_bar' );
    // en front-end
    add_action( 'wp_head', 'fb_move_admin_bar' );

Faites Mettre à jour le fichier pour valider les modifications puis constatez le résultat tant sur votre site que sur la partie administrative. Commentez ou supprimez l’une des 2 dernières lignes pour appliquer la fonction uniquement au back-end, au front-end ou au 2.

Pour info, le bout de code a été légèrement modifié pour corriger un bug de marge. A ce propos, il sera peut être nécessaire de procéder à vos propres ajustements en CSS.

Grâce à cette astuce, vous pourrez aller encore plus loin dans la personnalisation de votre administration WordPress !

Crédits photo : WintrHawk

5 commentaires

  1. Quentin

    Bonjour,

    Tout d’abord merci pour cette petite perle !
    Malheureusement j’ai un souci la barre d’admin ce met bien en pied de page mais uniquement dans le panneau admin. Une petite idée ?

    J’ai essayé avec le plugin « Stick Admin Bar To Bottom » et j’obtiens le même résultat !

  2. Quentin

    Bon alors quelques nouveautés… le plugin fonctionne bien sur les thèmes par défaut de wordpress, par contre il ne fonctionne pas avec celui que je suis entrain de créer.

    Je vais continuer à chercher ce qui cloche.

Laisser un commentaire