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 !