How do I put a text as a hyperlink over the pictures in HTML
How do I put a text as a hyperlink over the pictures in HTML?
February 16, 2017
You are the Universe by Deepak Chopra
You are the Universe by Deepak Chopra
February 19, 2017

What is Favicon? And how do I add Favicon to my WordPress website?

What is Favicon

What is favicon?

Someone asked me “What is Favicon? And how do I add Favicon to my WordPress website?” on quora.

First of all its Favicon not fevicon. Favicon is an icon displayed in the address bar of a browser accessing the site or next to the site name in a user’s list of bookmarks.

What is favicon

Usually, the size of favicon icon is 16×16 pixels.

How do I add the favicon to my WordPress website

Creating a Favicon

A favicon can be created using any graphics/image editing software, such as paint, photocshop etc. Crop image to 16×16 pixel and save as favicon.ico.

  1. By cropping or adding space around the image, make the image square.
  2. Resize the image to 16 x 16 pixels.
  3. Save the file as favicon.ico.

Add the favicon to my WordPress website

  1. Go to your WordPress Administration Screen.
  2. Click on Appearance.
  3. Click on Theme Editor.
  4. Select the file called Header or header.php to edit the file.
  5. Search for the line of code that begins with . Overwrite it, if it exists, or add the following code below theHTML tag.
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
  6. Save the changes.

Thanks for reading this article. For more tips and wordpress guide, Please like us on facebook.

Leave a Reply

Join Us

For Wordpress Tips || Wordpress Security || Blogging Tips || Website Development Guide.

100% Privacy. We don't spam.