Mover la barra de administración WordPress al fondo

La barra de administración WordPress puede ser un incordio trabajando con un menú o con otro elemento que debe estar pegado a la parte superior.

Te puede pasar algo como esto:

Trabajar y hacer pruebas puede ser una tortura porque no ves como quedan los elementos.

Estoicamente, intenté trabajar un rato de esta manera, hasta que me cansé y busqué una solución.

Al final encontré que es sencillo enviar la barra de administración WordPress al fondo, y se trabaja mucho mejor:

Yo le he dado mi toke, para que la envíe al fondo sólo en la visualización de la web, pero no en la parte de administración.

¿Quieres saber como se hace?

Cómo mover la barra de administración WordPress al fondo

Puedes pegar este código en el fichero functions.php de tu tema hijo.

function fb_move_admin_bar() {
echo '
<style type="text/css">
body {
margin-top: -28px;
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>';
}
// on backend area
//add_action( 'admin_head', 'fb_move_admin_bar' );
// on frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );

O puedes descargar este plugin y activarlo en tu instalación local para desarrollo:

Sólo tienes que instalar y activar el plugin.

Yo he comentado la línea para enviar la barra abajo en el área de administración porque no podía cerrar la sesión, y es algo que me gusta hacer siempre.

Este es uno de esos plugins que vivirán en tu instalación de desarrollo, y que si necesitas instalar en producción debes eliminar si o si al terminar.

Conclusiones

Preparar el entorno de trabajo adecuadamente tiene consecuencias positivas en el resultado final.

Sólo tienes que quitar el comentario en la linea:

// on backend area
add_action( 'admin_head', 'fb_move_admin_bar' );

Y también enviará la barra de administración WordPress al fondo en el área de administración.

No hay que olvidar eliminar este plugin cuando al pasar a producción la web.

Que tengas un gran día.