如何在 WordPress 添加 Favicon
WordPress 把网站图标叫作 "Site Icon"(站点图标)。你可以通过 Customizer 上传(推荐),或手动给主题加 HTML。WordPress 推荐至少 512x512 的方形图片。
第 1 步——准备 favicon
用图标生成器生成一个 512x512 的 PNG。WordPress 会自动生成它所需的更小尺寸。
还没有 favicon?方法 1——通过 Customizer(推荐)
- 在后台进入 外观 → 自定义
- 打开 站点身份(Site Identity)
- 在 站点图标 下点击 选择图片,上传你的 512x512 PNG
- 点击 发布
方法 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?