Site icons are the small images describing websites around the web. One of the most popular places you see favicons is in your browser tabs. In this picture, you’ll see my customized favicon on the considerably left, and you’ll see the default Genesis favicon in the central and on the right.
Many, many sites still do not have customized favicons. It’s a little way to help with your branding and give your site a more professional including cohesive feel. It’s also easy to set up.
The method of installing a site icon in WordPress is now much more comfortable and does not require digging into your backend files. Feel free to view the instructions below, but here are the simple steps:
- Prepare an image at least 512px square.
- In your WordPress Dashboard, move to Appearance –> Customize –> Site Identity –> Site Icon.
- Upload your picture and save.
Create your favicon
A favicon is merely an image that’s 16px by 16px. Once you create your image, you’ll need to save it as favicon.ico. If it doesn’t have the .ico extension, it will not work. To change the file name, only rename your image from, say, favicon.jpg to favicon.ico. You can do that by right-clicking on the picture name on your computer. You could also open your favicon.jpg file and then “Save as” favicon.ico.
Access your File Manager in Bluehost
Simply log in to your panel and click on the “File Manager” icon.
Navigate to your Genesis child theme
When accessing your File Manager, you may see a popup. If so, choose Web Root.
Upload your favicon to your Genesis pictures folder and your child theme images folder.
After your root list opens, click on the wp-content folder–> themes –> Genesis –> images. Next, highlight the favicon. Ico file by ticking on it once. Then click Upload symbol in the top bar. Meanwhile prompted, replace that file with your new favicon. Ico file.
Now do the same for your child stuff. You will double click wp-content –> themes –> [child theme] –> images. Repeat the upload process.
Seldom it takes a few hours for it to show up.