How to Add a FavIcon to your WordPress Site Easily

How to ecommerce & emarketing series guide:
Add A FavIcon To Your WordPress Site

There’s quite a few ways to add a FavIcon:

  1. Technical Way
  2. Non Technical Way.

For the technical way, this means  coding in PHP in the WP header file. Here’s a great guide  here.

If you’re not too IT savvy then stick around and you can have a favicon up in minutes.

  • I will assume you have a picture. I recommend playing with an icon say 60px x 60 px. You can save it in gif or png, I recommend gif it formats letters better than jpeg. No worries about the size of the .gif at this time!
  • Next, you need to make the icon itself.
  • Easy. There’s a site here. Just upload your image and hey presto its converted in seconds into a .ico format.
  • Just locate this as a download on your PC [I normally go the the downloads folder in the browser and select open folder location].

Putting a favicon into your site?

  • Easy again, there’s a plug-in called Shockingly Simple FavIcon. It lives up to its name. The app creator has also added in some instructions in the app settings.
  • Go to plug-ins, then add new, then type in Shockingly Simple Favicon.
  • Search and it ought to find it at number 1.
  • If not just scroll down it ought to be there.
  • Download and activate the plug-in.
  • If you can’t find the application you can download it here.

The only technical part. If you cannot do it, ask your IT department to help. Here’s a blow by blow way of how you or they can do it.

You will need access to an FTP client. I recommend using Leech FTP, which is free and very easy.

  • Type in your domain including the suffix .com, .co.uk etc etc. Then type in the  admin user name and password. It’ll take a few seconds to log in.
  • Find the WP main directory [where your pages and posts are kept].
  • Drag and drop the favicon.ico into that folder.
  • We’re nearly there. Sit back and chill.
  • Next find the word-press management console for Shockingly Simple FavIcon specify where the FavIcon is.
  • It’s then up and workable.
  • If you’re bored with the WP back-end FavIcon you can change that as well.
  • Tasty! Test it yourself first. It ought to work right away.
    • If not then test in another browser and press REFRESH for the site.
    • I recommend deleting history, cookies and cache if you’re having problems.
    • It’s now showing right!
  • Have a cuppa
  • Visit your boss and ask them to look at the site.. Wow that’s cool!
  • Nice… You’ve done it without having to do any PHP!

The rest of the day you can concentrate on making more sales, happy clients without frustration of thinking… have I busted the site 😀

Finally, I would give the creator of the app a big thanks. You can visit him here.

Enjoy!

One Reply to “How to Add a FavIcon to your WordPress Site Easily”

  1. The charger conjointly has 2 USB ports that mean
    if you have ggot 2 deices in want of charging, you do not want to wait for one to end.
    An i – Phhone doesn’t customize tthe layout between upper and lower case letters – it just changes the
    look from the Shift key. are dozenbs and dozens of accessories manufactured for use
    with it.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.