How To Move Move the Admin Bar to the bottom


Sponsored Links




WordPress Admin Bar is new features introduced in WordPress 3.1. This feature is 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

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 your functions.php

Move the Admin Bar to the bottom Code

// move admin bar to bottom
function fb_move_admin_bar() { ?>
	<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>
<?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 how to activated

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/

Subscribe to Full RSS Feed

RSS FeedIf you thing this article useful, please consider subscribing to our RSS Feed or e-mail updates and stay updated with us. You can also follow @WPTricksNet on twitter for latest updates.

About WP Tricks

We are WordPress Family, we collected and writed useful tips and tricks for you WordPress. We share it for you...

Related Tips and Trick from Local Data and on The Net

Move WordPress Admin Bar to the Bottom - WP Engineer

Move WordPress Admin Bar to the Bottom. March 16th, 2011 by Frank • WordPress Hacks • 7 Comments. Not everybody likes the WordPress Admin Bar, which exists since Read More

Move WordPress Admin Bar to the Bottom | CSS-Tricks

Move WordPress Admin Bar to the Bottom. Pre WordPress 3.3 only. Either add this CSS to your CSS file, add all the code to your functions.php file, or make a quick Read More

将WordPress管理工具条移到浏览器窗口底部

WordPress3.1新特性之一的Admin Bar——管理工具条,对于广大博主来说,各有各的体验和说法,有的喜欢,有的恨。 Read More

Add html_top and move the admin toolbar into html_top | drupal.org

It doesn't really make sense to move the block, but maybe some admin themes will want it in the bottom or whatever to provide the CSS to allow for a vertical nav bar Read More

موقع عصفور الجنه كريم المنياوى

موقع يتيح لك تحميل البرامج والاغانى والكليبات ويشمل مواضيع ثقافيه متميزه كريم المنياوى Read More


3 Responses to How To Move Move the Admin Bar to the bottom

  1. Pingback: WordPress Code Snippets and Detailed Tutorials | eXpand yOur cReativity

  2. Pingback: GeekCasa – How To Add More Button on Visual Mode WordPress Editor

  3. Pingback: 19 Useful Wordpress Snippets & Tutorials - Design Freebies

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>