Stylehack

Customizing a WordPress 2.5.1 Theme — Part 3: Header Images

Filed under:

In this article we’ll make our first modification by replacing the header image with our own image.

IMPORTANT:   For the purpose of this series of tutorials, I’ll be using the WP 2.5.1 DEFAULT template for all examples.

Changing the Header Image

This is a really easy fix. All it requires on your part is a little pre-planning, some common sense and a bit of skill with a graphics program. Sometimes — like this example — it’s as easy as replacing the existing image with a new image of the same dimensions, sometimes it takes a bit more work.

A Little Pre-planning

Load your blog in a browser and look at it carefully. In fact, it is sometimes helpful to save the index page WITH IMAGES as a plain old HTML page on your local computer so you can conduct a quick and easy check of things “under the hood”. Basically you need to have a good understanding of how the header image fits into the design.

The header image (kubrickheader.jpg) for the WP default theme looks like this:

Notice that it is part of a series of images that add a visual frame to the blog and that it has a gray-colored area around it. We can’t just replace the image wholesale unless we want to fiddle with the rest of the design and related images; instead, we’re going to alter that image.

Read the entire article »

Other articles in the Theme Customization series:

Stylehack © 2008 - Becky Peters :: All Rights Reserved
Powered by WordPress