15minutes new WordPress header for busy people
Due to special request by Ndmervin on my previous WordPress post, I wrote this quick guide. As mention, i am using the default WordPress theme based on the famous Kubrick. So if you are using themes, you might have to tweak around abit. This is a unorthodox way to set up a header. Login to your admin portal
- Got to theme editor and edit style.css and find the text
#header {
background: #73a0c5 url(’images/kubrickheader.jpg’) no-repeat bottom center;
} - Notice the location. In your blog site web host, this image is located in
wp-content/themes/default/images/kubrickheader.jpg - The size of this image is 760×200pixels. So for your image to be use here, it has to be the same size.
- I use Adobe Photoshop Element to turn my selected photo into the size for 760×200 pixels. Save for web is the fastest way to do so and name it exactly the same kubrickheader.jpg The reason for naming the same file name is I do not have to change any text in the style.css file. At least not now.
- Rename the original file kubrickheader.jpg in your blog site web host to say kubrickheaderold.jpg You might need it in future
- Copy the new image you created into the exact ftp location in your blog site web host directory
- Reload and check your web site. You have a new image header.
There are some fine-tuning to design the header image into a better effect but with 15minutes, this is good enough for the time being ![]()
Tags: 2008












