X

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

Snippets by IsItWP

¿Frustrado con la barra de administración que se muestra en la parte superior? ¿Quieres mover la 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 añadir este código al archivo functions.php de tu tema o en 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 añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si le gustó este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: Los mejores constructores de páginas de WordPress (Comparados).

Comentarios   Deja una respuesta

  1. For newer versions of 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’ );

  2. Alright but this isn’t enough. The dropdown menu like “New -> Post” aren’t clickable because they still drop Down instead of UP.

  3. I liked the admin bar at the bottom, but it’s no longer working properly. Maybe from WP version upgrades or something. But now the bar is at the bottom but the flyout menus go down instead of up – so now I can’t see anything except the first option. I just took it off for now, but I wanted to let you know. Thanks.

    1.  Hi Cliff, ill take a look at it and update the snippet.

  4. I really like my Admin Bar at the bottom.
    Currently, I only have it for Admin – I don’t have it on the public site.
    However, the body margin:-28px affects my entire website, even when there’s no Admin bar present – even when not logged in as Admin.
    There should be some conditional like “if Admin Bar is present, CODE”
    Thanks.

    1. Hi Cliff, if you look at the header of the site even when the admin bar is not visible you will see css. See this snippet

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

      If you do this on a user level or ” if ( !current_user_can(‘author’)){ ” type of thing this should fix things for you.

      1. I did a quick fix like that. Didn’t know if you had anything special up your sleeve. Thanks.

      2. I did a quick fix like that. Didn’t know if you had anything special up your sleeve. Thanks.

        1. Cool glad to hear you got things working.

Añadir un comentario

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

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!