在没有插件的 WordPress 中添加图标的正确方法是什么？

问题描述

在没有插件的 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？

我看到另一个线程有这么多方法，我不清楚这个简单任务的最佳做法：How to change the WordPress favicon?

最佳解决方案

实际上，添加图标的正确方法是通过一个插件，所以添加的图标不是 Theme-dependent 。基本上，使用 @ helgatheviking 的方法，但将其放在自定义插件中，而不是在主题的 functions.php 文件中。

注意：如果您使用的是 top-level 域，即 example.com，只需将文件根目录中的 favicon.ico 删除即可。另外，创建自定义插件。

注 2：参考 Trac Ticket #16434 。一个站点 favicon 选项被添加到核心，希望第一版将在即将到来的 3.4 版本中。

次佳解决方案

我通常把图标放在我的主题内的图像文件夹中，以便我使用

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

编辑：添加评论中的苹果触摸图标，并澄清一点，如果您使用的是一个小孩主题，但图标位于父主题的图片文件夹中，您将使用

get_template_directory_url();

如果您没有使用小孩主题，那么这两个主题都可以使用

我通常在这里创建我的照片：http://tools.dynamicdrive.com/favicon/

参考文献

• What’s the proper way to add a favicon in WordPress without a plugin? [closed]

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。