如何更改WordPress中的Favicon

想知道如何将小图标（称为 favicon）添加到您的 wordpress 网站吗？好吧，你很幸运，因为今天我们将向你展示如何一步一步地做到这一点！

什么是收藏图标以及为什么要使用它们？

网站图标是出现在浏览器选项卡中任何网页标题旁边的那些小图像。

并非所有网站都在其拥有的每个页面的标题中写下他们的名字。完整的标题和网站名称可能并不总是可见，即使他们确实在末尾附加了它。这可能会使您难以识别哪些网站加载在哪些选项卡中。如果该网站非常受欢迎或者您是常客，Favicon 使这项任务变得非常容易。

如何更改WordPress中的Favicon 第1张您可以在上图中看到，第一个选项卡加载了 Wikipedia 页面，而第三个选项卡加载了CodeCanyon。

网站图标出现在很多地方，比如我们刚刚讨论过的浏览器标签，以及移动设备中的谷歌搜索结果。它们还显示在用户的书签和浏览器历史记录中。

这意味着拥有自己的自定义和可识别的书签而不是通用的书签可以帮助您的访问者快速识别您的网站，并可能提高搜索结果中的点击率，以及其他好处。

它是如何工作的？

要在浏览器选项卡中显示网站图标，您需要<head>通过以下标记将图标文件添加到您网站的部分（需要在每个页面上添加）<link />：

<link rel="快捷图标" type="image/png" href="[图像路径]" />

可用于网站图标的常见文件格式有 GIF、PNG、JPEG 和 ICO。

当前的html5规范实际上建议添加对不同图像大小的多个 favicon 文件的支持，而不仅仅是一个。这现在被认为是标准做法。

如何在 WordPress 中添加网站图标

幸运的是，WordPress 会为您处理所有图像大小并自动将它们添加到该<head>部分中的正确位置。

我们所要做的就是上传一个至少 512 x 512 像素的大格式图标，剩下的交给 WordPress 来完成。要上传您的网站图标，请通过 WordPress 工具栏自定义链接或管理菜单中的外观 > 自定义打开站点自定义程序。

打开定制器窗口后，导航到Site Identity > Site Icon 。如果已定义，这将显示当前的网站图标。

如何更改WordPress中的Favicon 第2张从这里，您可以完全删除图标或通过媒体库更改它，您可以在其中选择现有图像或从计算机上传新图像。

您会注意到定制器中没有对“favicon”的引用。此功能在 WordPress 中被称为“站点图标”。这是值得了解的，否则可能会混淆您应该在哪里管理您的网站图标图像。

如上所述，一旦您指定了 favicon 图像，WordPress 会自动生成所有需要的d 文件并将它们添加到<head>您网站每个页面的标签中。

例如：

<link rel="icon" href="example.com/favicon-32x32.png" sizes="32x32" /><link rel="icon" href="example.com/favicon-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="example.com/favicon-180x180.png" /><meta name="msapplication-TileImage" content="example.com/favicon-270x270.png" />

请注意 WordPress 如何从您上传到媒体库的单个 favicon 源文件自动创建每个图像。不仅如此，它还为、和增加了适当rel的content属性sizes。