WordPress installations use the following favicon by default:
Because so many pages use this icon, it is nice to customize your favicon to make your page stand out.
Choose an image:
Select an image that is unique to your sight. It may be a photo of you or an icon of something related to your website. Be sure that you have the right to use the image.
Turn it into a favicon:
Click on the “Choose File” button:
Now browse your computer and find the image file you want to use to create your favicon. When you have found and selected the file, click the “Open” button:
Now click the “Generate Favicon.ico” button:
You will be shown a preview of your favicon:
If it looks correct, right-click the “Download FavIcon Package” link and “Save Link As…”:
Save your icon package to a place on your hard drive that you will remember:
In your file manager, find the favicon .zip file that you saved and extract it:
I used IZarc, but you can use whatever program you have available.
When the .zip file is extracted, you should have several files including a “favicon.ico” file. This is the file we will be using.
Upload the file:
Upload this file to your server in the base file of your WordPress installation. For most people it will be the “public_html” folder. The folder already has a favicon.ico file in it, but you will replace it with your new favicon.ico file. Use whatever FTP program you normally use to work with files on your server.
Tell WordPress to use it:
Now, head to your WordPress dashboard.
In the sidebar, select Appearance, then Editor:
Now, on the right side, click on “Header”:
Now in the textbox, add:
<link rel="shortcut icon" href="favicon.ico">
Make sure you hit the “Update File” button before you leave the page.
Now, if you hard refresh your browser(CTRL+F5), you should see your favicon:
I hope you enjoyed this tutorial. If you have any questions or suggestions for other tutorials, please let me know in the comments.