Nov
26

WordPress Admin Style Change using Tiger-Admin & Advanced Admin Menus

During the search of my drop down menu for my template with page/subpages I came across this great plugin Tiger-Admin. The Tiger Admin plugin is using an advanced CSS stylesheet which converts the complete WordPress Admin into a very nice layout with easy to use left Main Admin Side-bar. Its very easy to install, just download, upload to your plugin folder, unzip and activate the plugin in your Plugins menu.

The last version of this project was released in December 2006 v3.0 and can be found on this website from Steve Smith. Excellent work I have to say, did not see anything like this. I hope he keeps up to date with his plugin in case new versions of WordPress are released or hopefully WordPress will include the same Theme functionality for its Admin side so developers can create free Themes for users to download and install.

[singlepic=5,320,240,,left]
As I am a true Firefox user, I don’t really care but this plugin does not work very well with IE, safari should be fine. Also the font-size and text alignment is a bit small so you might want to change some of its CSS style features.

I still was not satisfied with the way WordPress in both Admin and most web templates does not support drop down menu’s. The navigation requires many clicks even in Tiger Admin. Therefore I found another great plugin which works with the Tiger Admin plugin to create a drop down Admin Menu. The plugin is called Advanced Admin Menu’s and was created by Andy Staines. Originally based on early versions from creator Ozh.

By installing the Advanced Admin Menu Plugin the left Tiger Admin Side-bar disappeared, so I had to make some changes to the Tiger-Admin CSS element Body to remove the background image and margin setting used for the default Admin Navigation menu in Tiger-Admin. This actually worked out even better giving back the 100% width as in the WordPress default Admin template, also because Tiger Admin lacks of a function to hide the left sidebar at this moment. I played around with the new Advanced Admin Stylesheet font and margin settings to be the same as Tiger-Admin for better look and feel. I finally enhanced the Tiger-Admin stylesheet footer position as well as some missing Welcome user info in the header.
You can see the final result by clicking on the image included above. I hope you like it, for convenience I have zipped both the Tiger-Admin and Advanced-Admin Menu Plugins for download below in which I have included my stylesheet changes.

Download:

Just upload to your plugin folder, unzip and activate.


No Comments »

Trackback URI | Comments RSS

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image