Question

目前，我在WordsPress网站上遇到一个问题。

问题是我的网络在Google Chrome中没有显示favicon。此favicon在其他浏览器中也可以正常工作。这是我的代码示例代码。你能帮我吗？

 <link rel="icon"  type="image/png"   href="/wp-content/uploads/2017/09/melanie.png"/>

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

Answer 1

我已更新代码：

作为开发人员，我在所有网站上都使用了以下fav链接代码，并且效果很好。

<link rel="shortcut icon" href="/wp-content/uploads/2017/09/melanie.png">
<link rel="apple-touch-icon" href="/wp-content/themes/success/images/fav/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/success/images/fav/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/wp-content/themes/success/images/fav/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/success/images/fav/apple-icon-152x152.png">

删除旧代码并替换为上面的代码，然后尝试一下。

Google Chrome浏览器收藏夹图标，未使用Wordpress显示

1 个答案: