After being in business for over a decade they thought it was time for a new look for their aging website as well as a new logo to represent the company. After speaking with Robert it was very clear they wanted to target a more sophisticated audience with higher value vehicles to donate. They also wanted to capitalize on the green aspect of their industry. After all they are recycling older vehicles, whether that means refurbishing them and giving them a new life or scrapping them so the parts can be recycled. They also wanted to present themselves as an honest and trustworthy company due to the amount of fraud in their industry. They felt their old website was not doing that. In that regard, we made sure to incorporate customer testimonials from their many years in business and highlight them on every page of the website.

The new site is much more search engine friendly than their previous site. It utilizes Word Press as the content management system and incorporates several plugins to extend functionality. The “Auctions” page uses a custom plugin to allow them to upload a CSV file of their auction list and display it on the page in a clean and consistent manner. There is also a custom write panel for the “Charities” page to allow them to add, remove, and reorder the charities they work with. The new site is much easier for them to manage themselves and should last them several years. Enjoy the screenshots below and be sure to check out All Bay Vehicle Donations.

1. Replace the Word Press logo in the Administration Area

By default Word Press has a small Word Press icon in the upper left hand corner when you are logged in to the administration area. You can easily replace this icon with one of your own. All you need to do is add the following code to your functions.php file inside your theme directory.
<?php
add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
echo '
<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/path/yourlogo.png) !important; }
</style>
';
}
?>

One thing to keep in mind is that your image should be 32 × 32 pixels. Upload your logo to a location in your theme directory and change the path in the code above and you are good to go!

2. Customize Your Word Press Login Page

There is a very easy way to customize your Word Press login screen without hacking your Word Press installation files. By following these steps you can have a custom login screen and maintain your ability to upgrade your Word Press installation.

Step 1. Add the code below to your functions.php file. This code sets up your login page to use a custom stylesheet you specify. I call mine login.css.
<?php
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login.css" />';
}
add_action('login_head', 'custom_login');
}
?>

Step 2. Create your custom stylesheet in your theme directory. The code below outlines the declarations you will need to include in this stylesheet. I’ve added comments to help you understand what each one does.

html {background:#F3F6FD url(img/body-bg.png) top center no-repeat;} /* Change the color or include an image for the background of the page. */
h1 a { /* This is the Word Press logo. Remember to update the height and width your image's dimensions. */
background:url(img/login-logo.png) 0 0 no-repeat; width:300px; height:73px;}
body.login {border-top-color:#fff;} /* This is the background color of the bar at the top of the page. */
.login p#backtoblog a:link, .login p#backtoblog a:visited {color:#3572b8;} /* Link styling for the text link in the bar at the top of the page */
.login p#backtoblog a:hover, .login p#backtoblog a:active {color:#484848;text-decoration:underline;} /* Rollover link effects in top bar */

That’s it! By implementing these two quick tips you can remove almost all of the Word Press branding inside the administration area and on your login page.