Simple Modifications For Your WordPress Theme

Lots of us like to do some modifications to our WordPress Themes to make it look unique. In reality, modifying a theme’s look is easy and anybody, even without basic knowledge of CSS can do it with some experimenting and through trial and error. The most important thing to remember is to keep the original copy of you theme’s code handy and not delete them once you have uploaded your theme. If the layout turns funny after changing something that you can’t remember, all you have to do is to copy and paste back the whole original CSS file.

I am presuming that you know how to use your FTP client to upload files to your server as you already know how to upload a new Theme. The most popular way to personalise your theme is of course to change the header image to your own unique design and just by changing the header image alone will make you stand out of the crowd.

Changing The Header Image

For noobs like me, who don’t have any prior training in HTML or CSS, changing the header image will be made easier if the theme that you have downloaded have an image as header. Many themes nowadays, don’t have images for headers as they believe it distracts the readers attention from the contents or the Ads. It is a subjective topic so I am not dwelling into it, but if your theme has an existing header image and you want to change it, go to Dashboard – Presentation- Theme Editor – Stylesheet.

Scroll a little way downwards and you will find these codes.

#header{
height:160px;
width:950px;
background: url(images/wall.gif) no-repeat;
color:#ffffff;
}
Take note of the height, width and the name of the title of the image which in this case is, 160 px, 950 px and wall.gif.

Open Photoshop or whatever image editing program you are using and make a new image with exactly the same height and width as the one in your Theme. After completing the design, remember to save it in the same format and same title. The one we are talking about here is a gif file, so save your image as gif. If your original image is a jpg file save it as a jpg file. If you save it in the exact format, then you won’t even have to edit and codes your CSS file.

Now open your FTP client and connect to your server the way you would when you were uploading your theme. Go to the theme that you are using, open the folder, look for the folder named “image” inside and open that folder. Locate the new image that you have created and upload the image. Since it has the same title and in the same format, you will be prompted to overwrite the old file. Do just that and the new image will take over the old one. Open your blog and enjoy your new header. You just changed your header without touching any codes. Next post, let’s change the the background colour or maybe add an image to the background.