2008-11-14 posted in About My Themes

One of my goals is to make themes with personalized design. Currently, only the Photo Frame theme allows certain extent of customization by changing the image in the photo frame. In my latest theme (Simple Style), you’ll be able to customize the whole header and part of the footer.

How to change the images for the Simple Style theme?
Step 1
Create your own header and footer images with the size as follows:
Header image size: 1280 x 400 px
Footer image size: 400 x 160 px

Step 2
Name the header and footer images as bg.jpg and bg_footer.jpg respectively.

Step 3
Upload the file to the /images folder.

To see how a theme using the same coding can look so differently, we have created a few samples.

Sample 1

Original Header Image
Original Footer Image

Sample 2

Original Header Image
Original Footer Image

Header Look

Footer Look

Sample 3

Original Header Image
Original Footer Image

Actual Header Look Actual Footer Look

Sample 4

Original Header Image
Original Footer Image

Actual Header Look Actual Footer Look

Sample 5

Original Header Image
Original Footer Image

Actual Header Look Actual Footer Look

Like this post? Please help share it via the following social sites. Your share keep us creating more useful posts.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
9 Responses
  1. Ed Lufkin says:

    Great! Your theme is exactly what I’m after, I think, esp. the option of customizing the header and footer. And I’ve read what you say about replacing the header (bg.jpg) with my own photos, but ——– this leaves me up in the air. Do I do this somewhere in the html, the stylesheet or theme e.g., or somewhere else? A step-by-step tutorial is what I need. I can format photos easily with my Adobe Photoshop, but now, how to get them where they need to be?

    I’m using Simple Style, and WordPress 2.7.3. Ed

  2. Brian says:

    Ed, I have modified the post to include the step-by-step instruction of customizing the header and footer images. Please refer to the details above.

  3. Jesper says:

    Hello!

    Realy cool template! But it does’nt seem to work, though i followed the step by step guide.
    bg_header is shown as it’s surposed to, but bg is not shown.
    I must be doing something wrong? Can you help me, please?

  4. Chris says:

    hi there, I would like to change the header to a swf. flash file. I know I have to change the style.css sheet but how do I do it? The file is called header.swf and I have placed it in the folder that the original image folder to make it easier! what code do I change and what do I change it to??

    Thanks, hope you can help!!

    Chris

  5. Samuel says:

    Hi Brian,

    I am WP newbie & starting develop a web using your theme (simplestyle theme). I have problem with “read more”. It didn’t show on my page.

    I use WP 2.7.1. Below are what I did :
    1. Add new post
    2. Switch the editor to HTML view
    3. Click button more to insert between words
    4. Save and Upload

    What step I missed?

    Thank you,

  6. Cher says:

    YAY!! After days of searching for exactly the right theme for my Elvis blog, I finally found it here and it was so easy to do too! Now my blog has a perfect Elvis theme because I was able to use my own picture library and I’m thrilled.

    Thank you so much. I am seriously considering changing all my other blog themes to this one as well.

    Sensational theme!

Please read if you are submitting Wordpress theme issues:
  • I will address functionality issues pertaining to the Wordpress themes. For other issues, I'll make your comments live and will address them whenever I have time while I also hope that other users can solve for you while waiting for my reply.
  • However, if you are kind enough to make a small donation, I'll give the first priority to resolve any of your issues. Simply donate to my Paypal via wpsubmit @ templatelite.com and specify your comment ID.
For the full detail of how I manage my theme support, click here.
Your comment will be moderated before it goes live.
Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>