Apr

2

Create a favicon on self-hosted WordPress

Posted by Leave a Comment

While favicons aren’t necessary, I think they add to the overall design of a site, so I usually add one. It’s a simple process and only takes a few minutes. Some people use plugins, but I find that creating a favicon in Photoshop or other creative software is the fastest and easiest method.

Note: Some WordPress themes have a section for easily adding a favicon. Read your theme’s documentation and if they have this section, follow the instructions for your specific theme. If a favicon section is not provided as part of your theme, follow these steps to install a favicon.

What is a favicon?

A favicon, short for “favorites icon,” is a 16×16 pixel graphic used next to a URL. Here are two examples, one from my website, and one from Google:








Step 1

Resize the image you want to use for your favicon and fit it into a 16×16 pixel space. Keep in mind that favicons are very small; use an image that stands out and is consistent with the brand or image of your website.

 

Step 2

Save your image as favicon.jpg

 

Step 3

Navigate to your saved image, click once on it’s name to rename it, and rename it favicon.ico

 

Step 4

Upload your favicon.ico image to the root of your server. To do this, log in to your web host control panel (typically by navigating to www.yourdomain.com/cpanel), click on File Manager. Then click “public_html,” and click “Upload.”





































Step 5

Upload your favicon.ico to public_html. When it’s finished uploading, click “refresh” and you’ll see the favicon.ico in the folder.




































Step 6

Because most browsers automatically look for the favicon.ico file, there shouldn’t be any need to insert code into header.php. Just  refresh your browser (in some cases, you may need to empty your cache), and your favicon will appear alongside your website’s URL.

If you’ve found this website helpful, please donate to show your support! It’s greatly appreciated.

 

Tags: , , , , , , , , ,

Category: Tutorials

About the Author ()

Erin Clark is a full-time news editor and part-time web and software developer who also works extensively in graphic arts. She helps individuals and businesses create, market and maintain profitable websites. She's also the author of the e-book Building Successful Websites. Learn more about Erin here, or connect with her on Twitter, Facebook and Google+.

Leave a Reply