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.

El entorno adecuado para conseguir los mejores resultados

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.

Diseño Web WordPress Profesional para una Experiencia Óptima

Contar con un Diseño Web WordPress Profesional no solo mejora la apariencia de tu sitio, sino que también optimiza la usabilidad, facilitando el acceso a funciones clave como la barra de administración WordPress.

Un diseño bien estructurado garantiza que tanto administradores como colaboradores puedan gestionar el contenido de manera eficiente, sin obstáculos ni distracciones.

Si estás buscando una solución que haga tu sitio más accesible y funcional, apostar por un diseño profesional en WordPress te permitirá aprovechar al máximo todas sus herramientas, incluyendo la personalización de la barra de administración para adaptarla a tu flujo de trabajo.