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 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 !

Par Aurélien Denis

Consultant & Développeur WordPress / WooCommerce. Un site à créer, à maintenir ou à débuguer ? Contactez-moi.

Des tutoriels et des bons plans en exclusivité !
  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
5 commentaires
  1. gamefrance.fr

    C’est quoi votre plugin pour voir le nombre de gens qui se connecte? (vers le début de la vidéo)

    1. Aurélien Denis auteur de l’article

      C’est le plugin Google Analyticator qui fonctionne avec… Google Analytics ! 😉

  2. 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 !

  3. 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.

  4. beaupre

    Bonjour, merci pour l’astuce. Pourquoi le dropup ne fonctionne pas?

Laisser un commentaire