How to Add a Favicon on Your Genesis Child Theme

When I moved my blog over from blogger to WordPress, the first theme I tried is the theme I still currently use on this blog, I wanted to customize it to my taste and add that very refining touch to make it look different from the default Eleven40 theme, I successfully did that but got stucked on adding a favicon to the theme, I tried the genesis favicon uploader plugin it didn’t work either, I’ve seen a lot of blogs who run the genesis framework still using the default favicon that came with the theme, and I think they got stuck too, so here’s a guide that will teach you how to create and add a favicon to your blog.

Favicon Uploaderne

Follow this steps to create a favicon

First thing you should do if you want to create a favicon is get a logo for your blog, the logo would be your blogs logo and should be unique, if you can’t create an icon then go over to www.iconfinder.com and search for an icon that relates to what your blogging niche is about and download it. Then head over to Dynamic Drive to convert the .png icon you got from icon finder to a favicon in a .ico format. Once there you would see an option to choose file, click on it and choose the logo you downloaded from icon finder and the click Create Icon. All done after that download the favicon to your pc and save.

How to add a favicon

How to Add the Favicon to your Theme

Adding the favicon to your theme is just as easy as creating it, only you have to access your cpanel and get your ftp details from it, on getting the ftp details use either the filezilla software or an online ftp client which you can get at www.ftplive.com. After successfully login in the ftp details go over to the images folder of the genesis framework and upload the favicon you can get it on public_html –> wp-content –> themes –> genesis –> images

After uploading it there you should also upload it in your child themes images folder you can get to it on public_html –> wp-content –> themes –> [your child theme] –> images.

After uploading it you are done. All you have to do next is Hard refresh your blog page and see the favicon above.

Subscribe Now To Get Free Email Updates

About Derek Odum

Derek Odum is the founder of Techjay and Slipost a news blog.
You can add me on Facebook or follow me on Twitter
Read more about me Here

Comments

  1. i very nice tutorial if i must say. one can as well use gimp and photoshop to create a quality favicon. thanks..
    babanature recently posted..REMOVING THE “SHOWING POST WITH LABEL” ON BLOGGER CATEGORYMy Profile

  2. nice tutorial bro..for those who are newbies can use their picture created with paint or any othe editing software… :D
    Shehu Awwal recently posted..How To Convert Online Web Pages Into PDF FilesMy Profile

  3. Very helpful tutorial….I’m going to set a blog on wordpress & it will help me alot. THANKS !!!

  4. I actually left the default Genesis G favicon of my current theme not cos I can’t change it. I once did changed it on my formal theme eleven40 child theme which I’m thinking of returning back to it… But if I must, then I need to configure it to make it look different from others as the theme is now too common.

    Thanks for the Genesis theme favicon tutorial
    Azubuike recently posted..10 Reasons Why I Rate Genesis Eleven40 Child Theme Best WordPress Theme.My Profile

  5. very nice tutor thanks for sharing this cool info
    anis recently posted..How To Make Easy Money Online part 1My Profile

  6. Hi Derek Odum, Nice Tutorial bro. I am using the default favicon of Genesis Framework and will change it now. Thanks for sharing!

  7. Hi Derek, Nice Tutorial
    bro. I am having problem using the Genesis Framework themes but Thanks
    for sharing! Keep it up

  8. Nice one you have there. I can remeber i uploaded a favicon days back,but til now yet to show up.Am gonna try this trick out now
    Pls do you know of any way i can reduce the width of the content area and increase the pry sidebar?
    ebimablog recently posted..3 Super Easy Ways to Make Money Online !My Profile

    • ebimablog,the simples way to achieve that is to choose sidebar-content-sidebar as your default theme setting,this way your content area will become more narrow and not more than 16 word count.
      i hope this will help.

  9. Nice article ,simple and straight to the point. i will try this out cause am still using the default.
    Thanks bro

Speak Your Mind

*

CommentLuv badge