How Can I Add a Favicon to My WordPress Website?

  • Thread starter JodyBuchanan
  • Start date
JodyBuchanan

JodyBuchanan

New Member
Joined
May 10, 2021
Messages
11
Reaction score
0
Points
1
  • #1
I have been reading a lot about favicons (site icons) and their benefits and would like to add one to my WordPress website. The problem is, I don't know how to do it. Does anyone know how I can go about adding one of these to my site?
 
CampFireJack

CampFireJack

New Member
Joined
May 9, 2021
Messages
11
Reaction score
0
Points
1
  • #2
If you haven't created a favicon yet and would like to, you might want to check out this how to make a favicon post on the blog. It's pretty good. If you already have a file to upload, you'll need to determine which version of WordPress you're running. If you have version 4.2 or below, you'll need to manually upload the file to the root of your server and reference the file in the header of your pages. The header code should look something like this:

<link rel="icon" href="https://yourwebsite.com/favicon.png" type="image/x-icon" /> <link rel="shortcut icon" href="https://yourwebsite.com/favicon.png" type="image/x-icon" />

You may use different format files, but I suggest either ICO or PNG. They're the most widely known. And if you choose to use ICO, then you won't even have to reference the file location in your code.

When it comes to referencing code in your page headers or footers, your theme may have some editing options. If it doesn't, you can take advantage of this plugin by WPBeginner:

https://wordpress.org/plugins/insert-headers-and-footers/

And if you don't know how to use an FTP program or would like to avoid one all together, you can use a plugin like this:

https://wordpress.org/plugins/all-in-one-favicon/

If you're using Genesis by StudioPress, you might want to try using the Simple Hooks plugin here:

https://wordpress.org/plugins/genesis-simple-hooks/

You'd want to put your code into the genesis_header hook.

Realistically though, you're most likely using a recent version of WordPress on your server. If you are, all you need to do is log into your admin panel and then browse to Appearance > Customize > Site Identity. At the bottom of that panel, you'll see a button that's got a dotted outline. It says Select Site Icon. Click that button, browse to your icon (favicon) and then upload it to your site. WordPress will do the rest. It'll reference it and show it in your browser's tab, among other places. This is definitely the easiest method.
 
How Can I Add a Favicon to My WordPress Website? was posted on 05-15-2021 by JodyBuchanan in the WordPress forum.

Forum statistics

Threads
88
Messages
156
Members
17
Latest member
mandy cromarty
Looking for an all-around awesome forum? Check out IndyFor!
Top