1. Dismiss Notice

How can I create a site icon?

Discussion in 'Local Business WordPress Theme' started by skon, Nov 29, 2013.

Thread Status:
Not open for further replies.
  1. skon

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    How do I create a site icon with my theme that appears in the browser's address bar and on the history and favorites list.
     
    skon, Nov 29, 2013
    #1
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Could you please clarify your issue little more.
     
    Gourav, Nov 30, 2013
    #2
  3. skon

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    Hi Gourav,
    A site icon typically appears in the browser's address bar and on the History and Favorites list. Site icons replace the standard Windows Internet Explorer shortcut icon for Internet shortcuts.

    You can use shortcut icons to display your logo or some other small graphic on the Windows Internet Explorer Favorites menu, address bar, and—starting with Windows Internet Explorer 7—page tabs. They have no special Web server requirements and are a great way to add brand recognition to your Web site.

    One method for associating a shortcut icon with your Web page is to add a line of HTML code to the page's head element. The line of code includes a link tag that specifies the location and name of the icon file. You can include this link tag on a per-page basis. First, save the icon with a file name other than favicon.ico, and then add the following code to the head element of your page.

    Copy
    <head>
    <link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>
    <title>My Title</title>
    </head>
    If you use this method, whichever icon you point to in the link tag on each page will be displayed instead of the default favicon.ico file at the root of your domain.

    I got this far with this link: http://msdn.microsoft.com/en-us/library/ie/ms537656(v=vs.85).aspx

    So I'd like to know how I can add this to my theme?
     
    skon, Nov 30, 2013
    #3
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Go to
    Appearance > Theme Option > General Settings > Custom Favicon
    and upload image from there.

    And for Internet Explorer
    IE does not support .png, .jpeg and .gif image file format the favicon.

    See the link for reference.
    http://stackoverflow.com/questions/16943609/which-versions-of-ie-support-png-favicons

    IE only support .ico image file format for the favicon.
    So, convert your favicon image to .ico image file format from the link given below

    http://favicon-generator.org/

    And then after that upload this converted .ico file format image, from the Custom Favicon section in your dashboard.
     
    Gourav, Dec 2, 2013
    #4
  5. skon

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    Thanks Gourav, works fine!
     
    skon, Dec 2, 2013
    #5
Thread Status:
Not open for further replies.

Share This Page