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

  1. Got to theme editor and edit style.css and find the text
    #header {
    background: #73a0c5 url(’images/kubrickheader.jpg’) no-repeat bottom center;
    }
  2. Notice the location. In your blog site web host, this image is located in
    wp-content/themes/default/images/kubrickheader.jpg
  3. The size of this image is 760×200pixels. So for your image to be use here, it has to be the same size.
  4. 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.
  5. Rename the original file kubrickheader.jpg in your blog site web host to say kubrickheaderold.jpg You might need it in future
  6. Copy the new image you created into the exact ftp location in your blog site web host directory
  7. 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 :D

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Slashdot
  • StumbleUpon
  • Reddit
  • Live
  • Technorati
  • TwitThis
  • YahooMyWeb

Tags:

Leave a Reply