Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3393633
Favicon problem in Thegem
Closed

Comments

  • chaiyafarmer started the conversation

    Hello,

    I have problem with favicon. It does not appear in google search.

    I have been looking into it and i found something surprising.

    I looked into the code of my html page (see attached file).

    Then i used a favicon checker to see what is wrong (see attached file).

    Thegem does not implement many icon type and size.

    I would like to implement all of them via the following code and tried to add to the header.php but there is no mention of favicon at all in headers.php :

    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
    <link rel="manifest" href="/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    So my question is how to change how thegem control the favicon instead of WP ? and where to implement this code exactly ? Does thegem use a special template or php file to manage the favicon ?

    Thanks in advance

    Please note that i just changed/added the favicon for a test purpose in thegem theme option + WP Customise/site identity  + added the favicon.ico to the wp root folder. Not sure it will appear in Google but i just asked for re-indexing of my homepage.

    Attached files:  2023-06-15 23.46.12 5d11e7e56a75.jpg
      2023-06-15 23.47.38 sitechecker.pro 81c31dd4cbd5.jpg

  •  7,121
    Oliver replied

    Hi,

    You don't need to set all sizes, just add your icon in the theme options, but if you want to set all sizes, remove the icon from the theme options and add your code to the header.php template before the </head> tag. (For safe future updates, copy the template to a child theme before editing)

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • chaiyafarmer replied

    ok will try that thanks so much

  •  7,121
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver