How to use a Fav Icon on WordPress

I was just trying to remember how I did this a few months ago. I did a Google search and at the site:

https://www.amoswong.com/how-to-add-a-favicon-in-wordpress-blog.html

this is basically what is there (I guess you can skip the first four steps):

If you do not know what a favicon is; it is the little picture beside the URL of a blog.

Some say that having a favicon is like putting on cosmetics. This is only partly true. More importantly, having a favicon on your blog allows the visitors to quickly identify your site in their Favorite folder among the other bookmarked site.

If you do not have a favicon currently and you are interested to, here’s how to can do it.

1. First, you will need an image. Any image will do provided that it is royalty-free and not copyrighted (meaning, you cannot use Coca-Cola’s corporate logo as you favicon).
2. Go to Chami.com’s Favicon Tool page:

https://www.chami.com/html-kit/services/favicon/

3. Upload you image by clicking the “Browse” button and click “Generate Favicon”
4. After Chami’s tool completed the generation, you will be presented with the link to download you favicon. Click the download link and save the favicon on your computer. (You can also test your favicon by clicking on the “Test in Browser”
5. Unzip the contents you have just downloaded and upload the favicon to your webhost (”public_html” folder, for most of you).
6. You will now need to edit your header.php of your wordpress blog. Depending on the theme you use, locate the header.php folder and edit the file by adding the following code:

<link rel="shortcut icon" href="favicon.ico">

7. Save your header.php file
8. Hard refresh your browser by pressing the Ctrl+F5 keys. You should now be able to see your favicon next to your URL.

Hope this helps.

[signature moderated Please read the Forum Rules]

When I try and do that, it just shows a blank fav icon. Still not working. Should I upload it to the root or inside a specific WordPress directory?

I think I see the problem.

<link rel="shortcut icon" href="favicon.ico">

This line really needs to be modified:

href= "(here you put the URL to your uploaded favicon)"

What do you mean by “modified”?

Put in the header this line:

<link rel="shortcut icon" href="favicon.ico">

but instead of the text: “favicon.ico”

put inside the quotes the address to your uploaded favicon

like:

<link rel= "shortcut icon" href="https://ChoveveiTzion.info/wp-content/uploads/2009/11/favicon.ico">

Here I had named my favicon: “favicon.ico”

It still shows no fav icon. If it will help, the site is: https://www.itsalltech.com

I don’t think I can help you any further. Perhaps someone else listening in will come to the rescue.

itsalltech,

Where did you place the favicon? Meaning if you typed in a direct link to the image to view it what would that be? The link provided on the web site is not correct. I suggest not uploading it through the media uploader and instead simply place it in the root folder for quicker access. Drop the icon in the same place that you find the following folders and files:

wp-content
wp-includes
wp-app.php
wp-config.php
wp-admin

Then link to it with the following link:
<link rel= “shortcut icon” href=”https://www.itsalltech.com/favicon.ico”&gt; This is not a difficult process, it’s simply a matter of providing the correct link to the image itself.

Weird, still not working… Can you try viewing it on your end and also taking a look at the source and tell me what I’m doing wrong? Thanks.

itsalltech,

Ha, give this a try. The location of these images is not what we were expecting.

<link rel= "shortcut icon" href="https://i48.tinypic.com/favicon.ico">

IT WORKS! Thanks.

It is not the one i wanted, but I actually like this one better. Thanks again.