• Home
  • About Mitch
  • Speaking
  • Articles
  • Contact
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact

Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

  • X
  • Bluesky
  • GitHub
  • Twitch
  • YouTube
  • LinkedIn
WordPress

Getting a Favicon on your WordPress Based Site

CMDR Mitchcraft

Reading time: 2 minutes

A good favicon (the little icon next to your URL in the address bar) can mean the difference between a boring bookmark, or standing out in a bookmark list.  It’s also something most people don’t think about, simply because it’s such a small part of the overall presence of a site.  Here’s the thing, though: having a favicon means that there’s a logo of yours associated with your site’s title, 24/7, in someone’s bookmark list.  It’s an opportunity you don’t want to pass up.  The good news: it’s extremely easy to do.

Getting the Favicon Designed

There’s a few options you have here.  There are sites such as http://www.favicon.cc/ that will let you use an online editor to create them.  If you already have a logo, but don’t have Photoshop, use Paint or another image editor to put the logo on a SQUARE image (size doesn’t matter at this point).  Finally, if you don’t have a logo, putting the first letter of your name on a solid color (that matches your branding) is a solid way to make a simple favicon that stands out.

All-In-One Favicon

Creating the Favicon .ico File

If you use an online favicon creator, you’ll end up with a file with the extension .ico – the default extension for favicons.  If you’re using your own logo or creating it in Paint, then you have an extra step.  Head over to Dynamic Drive and use their generator.  Don’t worry about the options – all you need to do is upload the .jpg, .gif, or .png file.  It’ll render you a .ico file – save this file somewhere simple to remember.

All-In-One Favicon

Uploading the Favicon

Finally, you want to log into WordPress and install the All-in-One Favicon plugin.  This plugin has two separate favicon sections: one for the front end (user facing) pages, and one for the backend (administration) pages.  Upload the .ico file to the appropriate upload section.

Note: I know it says that there’s spots for .jpg, .gif, and .png files, but in my experience .ico files work on all major browsers with 0 problems… may as well go with the tried-and-true method!

All-In-One Favicon

And that’s it – the favicon will start showing up on all of your pages, and in the admin dashboard.

 

Export
  • Post Ordering Made Easy

    Post Ordering Made Easy

    Reading time: 1 minute

    I love using WordPress’ built in custom post types.   I’ve used them for sliders, directories, galleries, and pretty much anything else I can think to use them for.  The one gripe I have, however, is that I can’t manually set the order of the posts.  Just like typical blog posts, I have to arrange…

    WordPress
  • WordPress BootCamp: Categories vs Tags

    WordPress BootCamp: Categories vs Tags

    Reading time: 2 minutes

    This is the second post of Mitch Canter’s “WordPress BootCamp” series… it showcases the ins and outs of WordPress to new users, and highlights some of the more popular (and some overlooked) features that make WordPress fantastic.  You can catch all of the posts here. I get a lot of questions on this: “What’s the…

    WordPress