Had a little spare time before holiday travel and I finished up the ‘Branded Admin’ Plugin for WordPress 2.7. WordPress 2.7 actually made this plugin much easier to implement. There are a few css restrictions based on the height values of the image used in the header & padding values in the css. I will explain them below. One of the things I would like to implement in a future version is an admin page for settings so that the css and php files will not have to be editied manually.

Download Link

Check out the screenshots below:

click either image for a lightbox view

Instructions

The images can be found in the plugins images folder (plugins default images). They are named ‘branded-header.png’ (500×55) & ‘branded-footer.png’ (40×40). If you use the same names for your images you will not need to edit any image names in the plugin files. If you have images ready to use and named differently, copy them to the plugin’s images folder and change the following:

1) ‘branded-admin.php’ file line 36

echo 'newdiv.innerHTML = "<a href="' . get_settings('siteurl') . '" title="Click to View Site"><img src=' . get_settings('siteurl') . '/wp-content/plugins/branded-admin/images/branded-header.png /></a>"; ';

2) ‘branded-admin.css’ file line 33

#footer_branded {
clear: both;
width: 100%;
vertical-align: middle;
background: url(images/branded-footer.png) #464646 no-repeat 20px 5px;
color: #999;
}

Even though the location of the images may look different in these two files they are both in the images folder of the plugin. So edit the two locations with the names of your images and upload to the plugins images folder:

‘/wp-content/plugins/branded-admin/images’

Be sure to notice in the screenshots the header and the footer. Mine are pretty simplistic, minor changes. You can do what ever you want here. My header image is 500×55 and my footer icon is 40×40. I believe you can go as large as you like with the header graphic (within constraints of the admin layout) so be creative. There is one css change you will have to make that coordinates directly with the height of the header graphic. It is explained below.

Header and Height of #wphead

#wphead {
height:71px;
background-color: #464646;
}
#wp-logo-branded {
margin: 8px 5px 8px 15px;
}

The height attribute of the #wphead DIV in the css above must equal the height of your header image plus the top and bottom margins of the #wp-logo-branded DIV.

i.e. My image height is 55 (as noted in the first paragraph of the instructions). The top & bottom margin of the #wp-logo-branded DIV = 16 (8+8).
55 + 16 = 71.

Download Link

As always if you have questions or concerns please leave a reply.

                    

• Posts about Wordpress 2.7 as of December 26, 2008 | The Lessnau Lounge
• WordPress Plugin Releases for 12/27 | Weblog Tools Collection
• WeblogToolsCollection Español » Archivo del Blog » Novedades Plugins de WordPress 27/12
• Logo Wordpress Admin Branded Admin Plug-in Soft-Teach by ikkiw