X

Cómo mover la barra de administración de WordPress a la parte inferior

Snippets de IsItWP

¿Frustrado con la barra de administración que se muestra en la parte superior? ¿Quieres mover tu barra de administración de WordPress a la parte inferior? Entonces, simplemente copia este fragmento en tu archivo functions.php.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

    function 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>';
    }
    add_action( 'wp_head', 'move_admin_bar' );

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los mejores constructores de páginas de WordPress (comparados).

Comentarios   Deja una respuesta

  1. Cuando la barra de herramientas está abajo, para acceder a los menús desplegables adicionales necesitas pasar el cursor sobre el enlace principal y DESPLAZARTE hacia abajo para acceder a los elementos adicionales... Encontré esto al pasar el cursor y noté que el menú desplegable solo se formaba un poco en el enlace... así que giré la rueda del ratón y aparecieron los enlaces del menú.

  2. Para versiones más nuevas de Wordpress:

    function move_admin_bar() { echo ‘

    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 .ab-sub-wrapper { bottom: 28px;} #wpadminbar .quicklinks .menupop ul { bottom: 0;} ‘;

    add_action( ‘wp_head’, ‘move_admin_bar’ );

  3. De acuerdo, pero esto no es suficiente. El menú desplegable como "Nuevo -> Publicación" no es clicable porque todavía se despliega hacia abajo en lugar de hacia arriba.

  4. Me gustaba la barra de administrador en la parte inferior, pero ya no funciona correctamente. Quizás por las actualizaciones de la versión de WP o algo así. Pero ahora la barra está en la parte inferior, pero los menús desplegables van hacia abajo en lugar de hacia arriba, así que ahora no puedo ver nada excepto la primera opción. Simplemente la quité por ahora, pero quería hacérselo saber. Gracias.

    1.  Hola Cliff, lo revisaré y actualizaré el fragmento.

  5. Me gusta mucho mi Barra de Administrador en la parte inferior.
    Actualmente, solo la tengo para Administradores; no la tengo en el sitio público.
    Sin embargo, el margen del cuerpo: -28px afecta a todo mi sitio web, incluso cuando no hay barra de administrador presente, incluso cuando no he iniciado sesión como Administrador.
    Debería haber alguna condición como "si la Barra de Administrador está presente, CÓDIGO".
    Gracias.

    1. Hola Cliff, si miras la cabecera del sitio, incluso cuando la barra de administrador no es visible, verás CSS. Mira este fragmento.

      http://wpsnipp.com/index.php/functions-php/disable-the-new-admin-bar/

      Si haces esto a nivel de usuario o algo del tipo "if ( !current_user_can(‘author’)){ " esto debería solucionar las cosas para ti.

      1. Hice una solución rápida como esa. No sabía si tenías algo especial en mente. Gracias.

      2. Hice una solución rápida como esa. No sabía si tenías algo especial en mente. Gracias.

        1. Genial, me alegra saber que lograste que las cosas funcionaran.

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!