I have constantly admired the REAL bloggers out there who figured out how to update their Favicon ICON to not just be a piece of paper or that Blogger B, and I wondered if I could figure out how to do this.
Favicon How?
To do it is simple, the code you put in your header is:
link rel="shortcut icon" href="http:/favicon.ico" type="image/vnd.microsoft.icon"
So that was easy enough, the hard part is creating the icon and turning it into ICO format!
I used Visio to create a PNG version of my proposed icon and then made sure it was 100×100 pixels and went to a site that did the translation online and voila, it was created, and it looks like this:
Not bad, I’m sure I’ll change it some other time, but I am impressed I did this. Good for me.
For this site, I have gone with
What does this look like? Here is an example from my Firefox while editing this article. Note the chipmunk to the left on each tab.
Setting a favicon in WordPress is easy. I cribbed this from the WordPress site, which has cool videos that show you how to do it.
Go to the WordPress Dashboard: Log in to your WordPress admin panel.
Navigate to the Customizer: Go to
Appearance
->
Customize
.
Site Identity Section: In the Customizer, click on
Site Identity
.
Site Icon: Under the Site Identity section, you’ll find an option labelled
Site Icon
. Click on
Select Site Icon
.
Upload Your Favicon: Upload the image you want to use as your favicon. Ideally, it should be a square image, and WordPress recommends using an image of at least 512×512 pixels.
Crop if Necessary: WordPress allows you to crop the image if it’s not already square.
Publish: Once you’ve selected and cropped your favicon, click
Publish
to save your changes.
What it should look like?
Your favicon should now appear in the places mentioned above. Due to browser caching, it may take some time to update.
This process helps in branding and makes your site easily recognizable among others.
Supply:
- Access to your WordPress site, with the admin account.
Tools:
- Access to your WordPress site, with the admin account.
FAQ Favicon
What is a favicon?
A favicon, short for “favorite icon,” is a small icon that represents a website. It appears in various places, such as:
* The browser tab, next to the page title.
* The bookmarks bar when you save the site as a bookmark.
* The browser’s history list.
* Desktop and mobile shortcuts for the website.