How To Move the Admin Bar to the bottom

WordPress Admin Bar is new features introduced in WordPress 3.1. This feature is a small bar on the top that we use to quick access to admin features such as Add New Post and Page, Edit Profile, Edit Comment, Check Stats, Edit Widget and many more.

Move-Admin-Bar-WordPress-to-the-Bottom-Chocolate-Forest-498x249

Move Admin Bar WordPress to the Bottom – Chocolate Forest

WPEngineer show some tips how to move the admin bar from the top to bottom of the screen. You need to copy and paste this code and place it on yourfunctions.php

Move the Admin Bar to the bottom Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// move admin bar to bottom
function fb_move_admin_bar() { ?>
    <style type="text/css">
        body {
            margin-top: -28px;
            padding-bottom: 28px;
        }
        body.admin-bar <a href="/web/20131207125717/http://search.twitter.com/search?q=%23wphead" class="tweet-hashtag">#wphead</a> {
            padding-top: 0;
        }
        body.admin-bar <a href="/web/20131207125717/http://search.twitter.com/search?q=%23footer" class="tweet-hashtag">#footer</a> {
            padding-bottom: 28px;
        }
        <a href="/web/20131207125717/http://search.twitter.com/search?q=%23wpadminbar" class="tweet-hashtag">#wpadminbar</a> {
            top: auto !important;
            bottom: 0;
        }
        <a href="/web/20131207125717/http://search.twitter.com/search?q=%23wpadminbar" class="tweet-hashtag">#wpadminbar</a> .quicklinks .menupop ul {
            bottom: 28px;
        }
    </style>
<?php }
// on backend area
add_action( 'admin_head''fb_move_admin_bar' );
// on frontend area
add_action( 'wp_head''fb_move_admin_bar' );

That’s it, now your WordPress Admin Bar has been moved from the top to the bottom of the screen. Another solution coming from Coen Jacobs’. On this method using some plugin. This plugin is GPL so you can download this plugin on this page and follow this guide on how to activate it.

Stick Admin Bar Plugin Installation

  1. Upload stick-admin-bar-to-bottom folder to the /wp-content/plugins/directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Enjoy the Admin Bar at the bottom of the pages where it is shown

That’s it, now you have different method to move your Admin Bar into bottom. Choose which one you like and enjoy

Image Source http://www.flickr.com/photos/fugue/31523548/