如何在 WordPress 添加 Favicon

WordPress 把网站图标叫作 "Site Icon"(站点图标)。你可以通过 Customizer 上传(推荐),或手动给主题加 HTML。WordPress 推荐至少 512x512 的方形图片。

第 1 步——准备 favicon

用图标生成器生成一个 512x512 的 PNG。WordPress 会自动生成它所需的更小尺寸。

还没有 favicon?

方法 1——通过 Customizer(推荐)

  1. 在后台进入 外观 → 自定义
  2. 打开 站点身份(Site Identity)
  3. 在 站点图标 下点击 选择图片,上传你的 512x512 PNG
  4. 点击 发布

方法 2——手动 HTML

如果你维护自定义主题,把下面的标签加到主题的 header.php 的 <head> 里:

<link rel="icon" href="<?php echo get_site_icon_url(); ?>" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

故障排查

  • 图标没更新?清缓存并硬刷新(Ctrl+Shift+R)。
  • 图标模糊?上传更大的源图——至少 512x512。
  • 用了缓存插件?改完站点图标后清掉它的缓存。

常见问题

WordPress 的 favicon 该多大?+

上传 512x512 的 PNG。WordPress 会自动缩放成浏览器、iOS、Android 所需的各种尺寸。

需要装插件才能加 favicon 吗?+

不需要。现代 WordPress 的 Customizer「站点身份」原生支持。只有很旧的主题才需要插件。

为什么新图标没显示?+

几乎都是缓存问题——浏览器、CDN 或 WordPress 缓存插件。把它们都清掉再硬刷新。

还没有 favicon?

先用生成器做一个完整的 favicon 包,再按上面的步骤上传对应文件。

还没有 favicon?