How to Add a Favicon to the Thesis Theme for WordPress

by Dave Charest

Have you noticed that some websites/blogs have a little icon (favicon) next to the web address in the browser? Pretty cool, huh? But then you look at your website and all you have is this little globe icon in the address bar. :-(

Before: BORING!

Today, I’m going to show you how to add a favicon to the thesis theme for WordPress. This way people think YOUR website/blog is the cool one. ;-)

How to Generate a Favicon

Those cool little icons are called favicons. And here’s how you make one using an already existing picture, logo or graphic:

1. Go to: http://www.html-kit.com/favicon/ (Thanks to Pamela Wilson of Big Brand System for letting me know about this site.)

2. Create your favicon by uploading a file. Or you can log-in to use your profile image from Twitter.

Two options to upload your file.

I just used my Twitter name to upload the picture. Once you click the ‘Generate Favicon.ico’ button the site creates both a normal and animated favicon. Before you download the Favicon Package, you can customize some of the options.

For example, I deleted the animated version. But I added  the iPhone / iPod Touch / iPad icon. I also ended up using a black and white version because the color version looked too pixelated once it was actually on the site.

Then click ‘Download Favicon Package’ to save the files to your computer.

Download your new favicons to your computer.

Upload the favicon to your website

Once you download the favicon package you’ll need to upload the file(s) using an FTP client. I use Cyberduck for Mac OS.

You’ll want to add the ‘favicon.ico’ file to the root directory of your WordPress blog. In my case it’s the folder for http://davecharest.com. If there is already a ‘favicon.ico’ file there just overwrite it with the new one.

Insert the script

Login to your WordPress dashboard. Go to: Thesis Options > Site Options > Additional Scripts

In the additional scripts box paste the following code:

<link rel=”shortcut icon” href=”favicon.ico” >

Click the save button and you should be good to go. You can even validate your installation here. You may need to empty the cache in your browser before you see any changes.

Happy, happy! Joy, joy!

Did I miss anything in this tutorial? If you found it helpful please share it.

Add a link to your site in the comments below so we can check out your new favicon.

{ 0 comments }

The Language of Twitter

Ah, yes, Twitter. Another tool and another new language to learn. But once you get the hang of it you’ll be a master of Twitter in no time. So to make this as simple as possible, here’s a quick rundown of the basics. The Twitter Homepage When you log-in to your Twitter account your Twitter [...]

Read the full article →

How to Make It Easier For People To Respond

If you live in New York, you’re probably a frequent rider of the subway. For someone who’s never been on the subway before, it’s easy to find it difficult. Especially when you have to transfer between multiple trains to reach your destination. First, you’ve got to check the map. Then you have to figure out [...]

Read the full article →

Don’t Overcompensate For Simplicity (It’s Better. Really.)

Today, I quickly wanted to point out the importance of finding simplicity in your communications. Don’t be afraid to use less. It is in fact more. Here’s a real world example to demonstrate We used to take the gals to dance class every Saturday. While I was making a tuition payment, the front desk lady [...]

Read the full article →

Twitter: How to Get Started

The first thing you’ll need to do is create an account. If you need help  watch this short video, How to Sign-Up For A Twitter Account. In this post, I’ll mention some important things to think about. If you have any other questions please ask them in the comments below. Choosing a username I recommend [...]

Read the full article →

Why Doing Things Wrong Is Better Than Waiting to Do Things Right [Walks With Dave #19]

If you’ve been waiting to take action because you’ve been afraid to make mistakes. Stop waiting. You build momentum and achieve more by doing things wrong. You can always make changes based on what you learn along the way. You’ll notice some changes happening here Changes based on what I’ve learned by making my own [...]

Read the full article →

[YouTube Tip] Don’t Forget Titles

The other day the YouTube Subscription Updates email hit my inbox. It reminded me of something extremely important. Titles are important Titles are headlines. And just like any good headline their job is to get attention. To entice you to read more. Or in this case, watch the video. If you don’t update the titles, [...]

Read the full article →

“They’re human beings. They’re just people.”

“The Secretary of the Army has asked me to express his deepest regret…” These are the words spoken by Woody Harrelson’s character in The Messenger (Amazon affiliate link.) He’s one half of a Casualty Notification Team. A team that must follow a strict set of procedures while delivering the news to the killed soldier’s surviving [...]

Read the full article →

7 Link Challenge Accepted #7Links

Darren Rowse, Problogger, issued a 7 Link Challenge. The idea is to create a list post that: “highlights some of the posts in your archives to new readers (a sneeze page), that links out to another blog and that hopefully is a little fun (and not too much work) to do.” Sounds good to me. Let’s get [...]

Read the full article →

"How Do I Simplify My Homepage?" – Choose Your Own Adventure Style

The unforgiving wind blasts coarse sand into your eyes. If it wasn’t for the pain, it wouldn’t make much of a difference. You haven’t seen anything for days in this desolate land anyway. You stop. Not because you want to. Because you have to. How long you can go before you collapse? The screeching vultures circling above are intrigued by [...]

Read the full article →

← Previous Entries