Question

我的脸上有麻烦。我有一个WordPress网站，我使用此代码在我的functions.php中显示favicon：

function add_my_favicon() {
   $favicon_path = get_stylesheet_directory_uri() . '/favicon.ico';
   echo '<link class="favicon" rel="icon" type="image/x-icon" href="' . $favicon_path . '?" />';
   echo '<link class="favicon" rel="shortcut icon" type="image/x-icon" href="' . $favicon_path . '?" />';
}
add_action( 'wp_head', 'add_my_favicon' ); //front end
add_action( 'admin_head', 'add_my_favicon' ); //admin end

到目前为止一切都很好。它适用于我的主页网站，但不适用于所有其他网站。例如，我的产品详细信息站点上缺少favicon。 html源代码每次都正确加载，但似乎chrome以某种方式覆盖我的样式表：

用户代理样式表：

link {
    display: none;
}

它也尝试使用Firefox，它可以毫无问题地工作。只有Chrome有问题。我也为我的网站禁用了Adblock，但问题仍然存在。

还有什么想法吗？

Answer 1

您可以在Appearance -> Customize -> Site Identity -> Site Icon

下添加您的favicon

上传512 x 512图标，此图标作为您的网站Favicon图标

Answer 2

您可以在此处详细了解用户代理样式表; What is user agent stylesheet

您是否尝试过为主题添加一些css？如果没有指向您网站的链接，这里的任何人都无法确切地确定您需要更改哪个css位，而是设置正确的类来显示：block;或显示：inline-block;应该做的伎俩。

Answer 3

只需在 header.php 中调用add_my_favicon函数即可。当你打电话给 wp_head ＆amp; admin_head 操作。请查看以下代码作为示例：

<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php
    add_my_favicon();
    wp_head();
?>
</head>

希望它有所帮助。

Favicon不可见 - Chrome会覆盖我的样式表

3 个答案: