Favicon for WordPress

Favicon for WordPress

Adding a Favicon for WordPress is easy, start by creating your favicon.ico

Favicon for WordPress functions.php flavicon.ico




Create your image.

Favicon for WordPress IconFirst you need to create your Favicon Icon image the maximum file size to convert into a Favicon is 150kilobytes. if you have not yet created one then feel free to use mine until you decide what you want to use.

Just right click and copy or save as.

You then need you use a FavIcon Generator I use this one but there are many more available Click here.

Once you have created your favicon.ico image simply save it to your root folder http://www.your-site.co.uk/

Now you need to open your functions.php file from your Child theme if you have not created one then you need to do so here are the instructions for the functions.php Click Here.

That is it favicon for WordPress has been created and up loaded, slight downside you do not always see it straight away, don’t worry it will appear :)



Moving Twenty Twelve Menu to below the Header Image

Moving Twenty Twelve Menu.

I did not like the default way that the header image on the WordPress Twenty Twelve theme is below the menu, I tend to not use the default header text titles on themes as they are what makes a wordpress site look like a blog as opposed to a good quality website.

So on the Klick site I decided to move the Twenty Twelve Menu to below the Header image and use a header image instead of the header text.

moving twenty twelve menu

It is very easy to achieve simply open your header.php in your child theme , If you have not created a child theme the read this first.

Download and open the header.php file from the Twenty Twelve theme, /wp-content/themes/twentytwelve.

Around line 42 you will see the below code.

For moving twenty twelve menu all you do is swap them and place the site navigation (menu) below the header image as below.

Now upload the header.php to your child theme and you should have a new position for the Twenty Twelve menu.