From Spaces to WordPress step by step. Give yourself a new header.
October 26, 2010 7 Comments
12. Adding a Custom Header.
One of the features often requested on Windows Live Spaces was the ability to add your own header to your Space. On WordPress, most of the available themes allow you to do just that, so this how-to takes you through how to add your own header to your blog. To illustrate how to add a header, I’m going to use my testing blog on here which at the moment is using the Elegant Grunge theme. To tie in with that theme, I am going to add a Grungy type header so first of all, I need to grab a free background that is both darkish and grungy. I do this by simply doing a search using either Bing or Google to find that type of background to use for my header.
1. Whatever picture,background or photo you decide to use for your new header, the method used is exactly the same. Go to your Dashboard and then click on Appearance from the left hand side Menu sidebar.
2. Next click on Header from the list under Appearance. You will then be in the Custom Header page.
3. Click on Choose File to access your photo or background from your computer files and then click on Upload. when you have chosen your picture or background.
4. Once your chosen photo or file has been uploaded, you are invited to Crop it to the size set by your chosen theme. Simply left click your mouse button to move the dotted area around your chosen header until you are happy with it, and then click on Crop and Publish.
5. The familiar Yellow box at the top will inform you that your Header has been updated and invite you to visit your site to check how it all looks.
Obviously if the Title font is part of the Header in your chosen theme, and the original Header text was light in colour it won’t show up if you have chosen a fairly light coloured header. So you may have to alter the colour of your Header text in order to allow it to be seen against your new Custom Header.
6. To do this, under the title Header Text, you will see listed Text Colour. Click on the Select a Colour tab.
7. From the colour wheel, click on a colour that is much darker (or lighter if you have chosen a very dark Custom Header) and once you are happy with your new Header text colour, click on Save Changes. Here is my new Custom header for my testing blog.
And that’s about it! My other post on exactly the same subject is also available at https://technograns.wordpress.com/2010/07/19/beginning-blogging-9-keeping-up-appearances/ so take a look at that as well.
TG Next post we’ll add a new background to our Theme.