WordPress Wednesday:: Favicon Plugin

You guys are getting three posts in a row from me. Trying to make up for the lack of posting last week.

Today we’re starting to get into the fun stuff for WordPress Wednesday, plugins.

Wordpress Wednesday

Just to recap here are the topics we have covered thus far for WordPress Wednesday in case you are new  to the blog::

-WordPress.com vs. WordPress.org

-Securing a domain name

-Hosting

-Setting up your header and navigation bar

-Setting up your sidebar

You may be wondering what a plugin is. I was too when I first switched to WordPress. A plugin is basically an add-on that customizes and improves the functionality of a site. For example, when you see the share buttons at the bottom of this post or the pin it button at the top, those are all generated from plugins.

I know last time we talked about setting up your sidebar and there are lots of plugin options to help customize it. But, before I go into some plugin options for your sidebar, I wanted to show you guys a plugin that helps with your overall brand/design of your blog.

You may have noticed that some websites/blogs have a little icon next to their web address.

Favicon

You can see mine is the key from my header. This is called a favicon. It’s one of the first things I personally notice when I go to a site. It’s one of the first impressions people have of your site and having one installed makes your site/blog feel more professional. It’s also another way to brand your site.

With WordPress it’s super easy to install your own favicon. It’s through a plugin called ‘All In One Favicon.”

Just click on the ‘Plugins’ tab on the left hand side of your dashboard. Then click on ‘Add New’ at the top.

adding a new plugin

If you know the name of the plugin you are looking for you can do a search. Since we know what we are looking for just type in ‘all in one favicon’ and hit ‘search plugins.’

Installing Plugins-Wordpress

It should show up at the top of plugins that show up from your search. You’ll click on ‘install.’

all in one favicon plugin

(Since I already have this plugin installed, that option doesn’t show up on my screen).

Once you have installed, go back to your ‘Plugins’ tab on the left and click on the link for ‘Installed Plugins.’

Installed Plugins

Once you find All in one Favicon in ‘Installed Plugins’ click on ‘Activate.’ (Since mine is already activated, the option to Deactivate is available).

all in one favicon

Now that the plugin is activated, you have the ability to customize. You can either click on ‘Settings’ next to where you clicked on ‘Activate’ or click on the ‘Settings’ tab on the left hand side of your dashboard and find the plugin listed there.

plugin settings

This screen will appear.

Upload your favicon image

Here’s where you will upload your favicon image.

You can create your favicon in whatever software you are comfortable with. You can use Photoshop, Picmonkey, or I personally use Gimp (basically a free version of Photoshop).

For web, the dimensions of favicons are 16 pixels by 16 pixels. I saved my file as a .png file (you can also upload a .gif file). Just upload your .png file where it says frontend and backend PNG.

Once it’s uploaded, click save changes at the bottom and you’re done!

Your favicon should now appear on your blog/site once you refresh.

Easy peasy, right?

Check out these additional WordPress Wednesday posts::

-Creating a favicon

-Sidebar Plugins

-Installing Facebook like box and Instagram widget

-Installing Social Sharing bar

-How to add a ‘Pin It’ button to posts

-How to generate related post thumbnails

Post Signature

You May Also Like:

Trackbacks

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>