如何更改WordPress收藏夹图标?

时间:2011-02-14 作者:RoflcoptrException

我正在寻找一种改变WordPress favicon的方法。有什么提示吗?

7 个回复
最合适的回答,由SO网友:Fernando Briano 整理而成

您应该将其添加到主题的标题中。包含此代码的php文件(W3C标准代码):

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png">

SO网友:hakre

要实现一点互操作性,请考虑使用Microsoft图标格式。

只需放置一个名为favicon.ico 用你的图标grafik然后进入你的网站的根。

这一点很重要,因为许多人都直接提出了要求。

当然,您也应该将meta添加到站点的输出中,它会进入html标题部分:

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon"/>
这样做将使其在大部分浏览器中工作,并防止服务器日志中出现404s错误消息,因为meta href并不是由所有用户代理反映的。

WordPress中的Favicon是一个与HTML头部相关的WordPress挂钩wp_head (Wordpress Codex):

add_filter(\'wp_head\', function(){ 
    printf("%s\\n", \'<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon"/>\');
    });
自版本3以来,WordPress有一个空的favicon。ico内置。

如果你对一些细节感兴趣,在Should include default favicon (Ticket #3426)Discard requests for favicon.ico (Ticket #11412) 这导致了默认的0字节长的虚拟/favicon.ico 文件(如果wordpress放在服务器根目录中)。

因此,在没有用户添加的默认设置中,浏览器基本上会在一个文件中失败/favicon.ico 文件

SO网友:Abhishek Bhardwaj

只需将一个“favicon.ico”文件上载到您的网站根目录,就可以了!实际上,费尔南多的回答也很有效:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png">
要为苹果设备添加Favicon,请在脑海中添加以下内容:

<link rel="apple-touch-icon" href="/customIcon.png"/>

SO网友:S.gfx

如果您支持IE 6,一个小警告:除非url添加到“收藏夹”(书签)中,否则favicon不会显示在工具栏中,并且favicon存储在IE缓存中,因此当您删除缓存或定期删除时,favicon将被删除。

SO网友:edelwater

为了使答案列表完整,在上述答案中提到了(另请参见http://en.wikipedia.org/wiki/Favicon) 以及您的选择:

添加/favicon.ico 在根目录中(http://en.wikipedia.org/wiki/Favicon),您只能在此处添加图标,例如/favicon。png无效在ico类型上有一些考虑,非常旧的IE浏览器只支持MS ico格式标记rel=shortcut icon : 跨浏览器支持notes,许多网站都喜欢这样,你可以在这里添加其他文件类型,但我主要看到png、gif、ico、jpg和jpeg。使用GIF格式时,还可以添加动画GIFrel=icon : 如果指定mime类型,请使用base64编码将其直接嵌入到页面中:例如href="data:image/x-icon;base64,iVBORw0==" , 这也不是所有浏览器都支持的,但有相当多的网站在使用它。

采用指定mime类型的概念,例如,对于图标,官方标准仍被称为“image/vnd.microsoft.icon”,但即使对于IE 6版本,这里也需要“image/x-icon”

谷歌第一眼:http://plugins.svn.wordpress.org/wp-favicons/trunk/filters/search/filter_google_s2.phphttp://plugins.svn.wordpress.org/wp-favicons/trunk/filters/search/filter_geticon.org.phphttp://plugins.svn.wordpress.org/wp-favicons/trunk/filters/search/filter_extract_from_page.php 如果嵌入,我会得到嵌入的图标,然后才尝试从根中提取图标:http://plugins.svn.wordpress.org/wp-favicons/trunk/filters/search/filter_extract_from_root.phpp.s.当然,您可以将所有这些方法应用于您的站点,以提供尽可能广泛的支持;)

SO网友:Mohit Bumb

只需将此代码粘贴到函数。php和使用favicon路径更改href

function blog_favicon() {
echo \'<link rel="Shortcut Icon" type="image/x-icon" href="\'.get_bloginfo(\'wpurl\').\'/favicon.ico" />\';
}
add_action(\'wp_head\', \'blog_favicon\');

SO网友:vanduc1102

我使用了:

<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
和favicon一起。ico在主题的根。

结束

相关推荐