Posted on March 7, 2017

The Complete Guide To WordPress // Create a header for free

blog tips

Create a header for free

Welcome to the sixth week of my Complete Guide To WordPress blog course.

Here’s what we’ve covered so far:

Today we’ll be going through how to create a simple header for your blog.

Create a header for free

Most themes will give you the option to upload a header image. In the option to upload your own, it usually gives you the recommended dimensions:

Create a header for free

I’m going to show you how to make a header in PicMonkey. Of course, you can pay someone to create a header – many bloggers offer this service at a great price and these can include customised pictures, but it’s very simple to make own text based header for free.

The first thing to do is open PicMonkey, click ‘design’ and then resize the image to the dimensions of your header under Basic Edits > Resize.

Create a header for free

The next thing to do is decide if you want to keep the image white or have a coloured background, or even add a photo to it.

If you want to match a colour, use a site like Color Picker which lets you upload an image and select the colour you want to give it’s HTML code. If I wanted to use the same colour as the header from this blog, I just need to upload the header and select the colour.

Create a header for free

Then you can put the HTML code in Basics > Canvas colour for the background colour, or use it as a font.

Create a header for free

Now’s time to pick your font. If you don’t like the ones that are on PicMonkey or your computer, you can download one from DaFont and install it onto your computer.

How to install a font 
Extract the files you have downloaded, then:

  • Windows 10/8/7/Vista: Right-click on the font files > “Install”

  • Windows XP: Put the font files into C:\Windows\Fonts

  • Mac OS X: Double-click the font file > “Install font” button.

Then simply add the text in the colour you want.

Create a header for free

Although for this blog, I want to keep the image as the header, so I’m going to upload a picture, fade it a little and put coloured text over it.

Create a header for free

Have a play around with the fonts, images and colours you like to create your own free header!

Still to come: WordPress hacks and Plugins.

 

3 Comments

  • Reply ivana split March 7, 2017 at 3:24 pm

    I should have probably read your post-why move to wordpress first, but still I enjoyed this one. Even if I’m not sure will I move to wordpress. I think that a header is an important part of blog identity and visuals. Creating a nice one is certainly important. I should do something about mine :).

  • Reply Dash | Mode Lily March 8, 2017 at 8:14 am

    I was just recently thinking about changing my header and all of a sudden you’ve blogged about it, it’s meant to be! I think I’ll struggle to come up with a logo at first but I’ve just bookmarked your post, simple and straightforward. I’ve recently migrated to WordPress and I’m lovng it. It was the biggest mistake starting with Blogger but oh well, we live and learn 🙂

  • Reply Lucy March 8, 2017 at 8:10 pm

    Great step by step tips on how to make a header PicMonkey is wonderful Lucy x
    Lucy recently posted…Teeth Whitening – Smile BrilliantMy Profile

  • Leave a Reply

    Back to top