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.
