Favicons (aka “favourites icons”) are small icons, typically 16 x 16 pixels, that represent your website in browser tabs, bookmarks, desktop shortcuts and more. They’ve been around since 1999, are in use by most sites, we’ve all seen them.
We are soon adding a links and resources page to CodePeach for web development, coding and design sites that we find useful. A page full of text links never looks appealing, so I thought one way of spicing up a links page visually would be to place each link’s small favicon image next to the link itself. It’s also a great way for users to visually relate to the linked websites.
So let’s look at how to create a shortcode to display the favicon for a remote website in our WP content.