Rebranding WordPress

More often than not, I’m doing custom installations of WordPress for clients so they can control their sites without the help of a webmaster. One technique I use routinely is ‘rebranding’ the WordPress administration area, which basically involves changing the login logo, and the logo in the upper-left corner of the dashboard. Now, this is nice for my clients, but not so nice for WordPress. Leave the other references to WordPress throughout to the administrative area to give them some love for making their product brandable (is that a word?).

There are only a handful of things that need to change in order to brand the administrative backend with a unique logo.They are:

/wp-admin/images/logo-login.gif
/wp-admin/images/logo-ghost.png
/wp-admin/css/login.css

logo-login.gif

Replace this image with another logo; this asset is the image you see upon logging in to the dashboard. The image is normally 310×70 pixels. If the new logo has the same dimensions, you won’t need to alter login.css.

login.css

Change the attributes of h1 a to fit your new logo if it’s necessary. Most likely, the height and width attributes are good enough, but you might want to add a margin-bottom too.

h1 a {
	background: url(../images/logo-login.gif) no-repeat top center;
	width: 326px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
}

logo-ghost.png

Again, replace this one with your new logo. I would recommend leaving this guy at its current dimensions (25x25). If you have trouble with the transparency factor, fill the background with #464646.