How to Add a Favicon to Your WordPress Website

Most WordPress themes contain the option to set Favicon for your WordPress website or blog. But if you don’t have any experience to design and add a favicon for your site follow my steps.

Favicon is a simple square image.

Common favicon Sizes – 16×16 pixels and 32×32 pixels.

You can use 2 types of image format for a favicon. PNG and ico.
The modern browser will support .PNG as a favicon. But old browsers do not support .png files as a favicon. So use .ico file format for website favicon.
Use Favicon Generator to create favicons or use ICO Format Photoshop plugin.

So How to Add this Favicon to Your WordPress Blog or Website

1. Upload favicon file in your Website or the Blog installation directory.
2. Go to Appearance -> Editor.
3. Next open header.php file
4. Add these lines inside header.php file.

Note: If your header.php file already have these lines just replace favicon path.

<link rel=”icon” href=”http://www.example.com/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://www.example.com/favicon.ico” type=”image/x-icon” />

Replace example.com with your website name.

If you need a simple way, just use anyone from these two free plugins.

• Favicon Generator
• All in One Favicon