在没有插件的情况下在Wordpress中添加收藏夹图标的正确方法是什么?[关闭]


11

没有插件的情况下在Wordpress中添加收藏夹图标的正确方法什么?

我是否只将favicon.ico带有图标的文件放入网站的根目录?

我还需要此代码吗?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

有人说这是这段代码:

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

这是供iPhone使用的吗?

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

关于软件创建或从缩略图转换的任何建议?以及支持哪些类型的文件.ico

我看到了另一个线程使用了很多方法,并且我不清楚此简单任务的最佳实践: 如何更改WordPress网站图标?


6
为什么没有插件限制?
Chip Bennett

3
这个问题包含了恕我直言过多的话题。结束投票。
kaiser 2012年

Answers:


15

我通常将图标放在主题内的图像文件夹中,因此我会使用

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

编辑:在评论中添加苹果触摸图标,并说明如果您使用的是子主题,但收藏夹图标位于父主题的图像文件夹中,则应使用

get_template_directory_url();

如果您没有使用儿童主题,则两者都可以使用

我通常在这里创建我的网站图标:http : //tools.dynamicdrive.com/favicon/


如果是儿童主题,使用它不是更好get_template_directory_uri吗?在回答原始问题时,我添加了一个114x114px的Apple图标,如下所示:<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">。这里还有更多有关添加favicons和Apple图标的文档:github.com/h5bp/html5-boilerplate

1
我认为html5bp已经摆脱了将它们添加到标题中的麻烦。如果您在网站根目录中添加带有正确名称的图标,则大多数浏览器会自动找到它们。但是要回答您的问题,儿童主题与父主题……实际上取决于您在哪里保存收藏夹图像。get_template_directory_uri()获取父主题的URL,而stylesheet_directory_uri()获取子主题的URL(如果它是子主题的话)或父主题的URL(如果它是激活的主题)。
helgatheviking'2

你是对的。我把它们混在一起了……html5bp确实已经将它们从标题中删除了,但是在源代码中仍然有一些很棒的文档(主要是关于Apple图标的信息)mathiasbynens.be/notes/touch-icons

11

实际上,添加图标图标的正确方法是通过插件,因此添加的图标图标与主题无关。本质上,使用@helgatheviking的方法,但是将其放在自定义的Plugin中,而不是放在Theme的functions.php文件中。

注意:如果您使用的是顶级域名,即example.com,只需favicon.ico放入文档根目录即可。对于其他任何事情,请创建自定义插件

注意2:请参阅Trac票证#16434。网站的站点图标选项已添加到核心,希望其中一个版本将在即将发布的3.4版本中发布。


这些日子之一,我需要使用otto的代码段。值得庆幸的是,人们并不是每天都在改变他们的主题,但是我完全同意,图标(和帖子类型等)不应该依赖主题。期待这个成为核心。
helgatheviking'2

实际上,它实际上根本不是一个“片段”。可以将其视为functions.php具有特定phpDoc标头的主题文件,该文件位于中wp-content\plugins\some-plugin\name而不是中wp-content\themes\some-theme-name
Chip Bennett


1

在很大程度上取决于您使用的主题。如果主题定义了您的收藏夹图标(<link>标题中带有标签),则需要替换favicon.ico主题以进行更改。

但是,如果您的主题没有定义任何内容,则favicon.ico在网站的根目录放置一个就足够了。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.