A favicon, short for Favorite icon, is a small icon file, most commonly 16 x 16 pixels, associated with a particular website.
A browser that supports favicon typically displays it next to the address bar or next to the page’s title. See image below.
Some WordPress themes come with a setting page where you can Paste the full URL for your favicon image or directly upload your favicon file using the built-in upload functionality.
Below is the example of favicon setting page comes together in Geotheme.
If your WordPress theme doesn’t come with such setting page, you can do it manually following the instructions below.
1. Create your favicon file.
Create your favicon and name it favicon.ico using any online tool or photo editing software. An example of a commonly used online tool is favicon.cc.
2. Upload favicon.ico to root directory.
Using FTP client, upload the favicon.ico to the root directory of your blog.
a. If it is a primary domain, upload to /public_html directory.
b. If it is an add-on domain, upload to the /public_html/add-on-domain-name directory.
3. Edit header.php file.
a. Go to you WordPress Dashboard > Appearance > Editor.
b. Find and click on the header.php on the right.
c.Add the following code in between the <head> and </head> in the header.php file.
[php][/php]
d. Update changes.
4. Browse your site to confirm changes.
a. Clear the browser’s cache.
b. If you’re using a WordPress cache plugin, clear the cache as well.
c. Browse to your site to confirm the favicon is displayed besides the page title or address bar.