WordPress是全球最流行的建站系统,新搭建的网站默认没有favicon图标,影响品牌形象。本文详解WordPress favicon设置的完整方法。
方法一:WordPress后台设置(推荐)
WordPress 4.3及以上版本内置了favicon设置功能:
- 登录WordPress后台
- 进入"外观-自定义"
- 点击"站点身份"
- 在"站点图标"处点击"选择图像"
- 上传一张正方形PNG图片(建议512x512)
- 裁剪图片,点击"完成"
- 点击"发布"保存设置
WordPress会自动生成各种尺寸的favicon和apple-touch-icon,非常方便。
方法二:手动上传favicon.ico
如果后台设置不生效,可以手动上传:
- 用图捷智转把PNG转成favicon.ico
- 通过FTP或主机控制面板上传favicon.ico到网站根目录
- 在主题的header.php文件标签内添加:
- <link rel="icon" type="image/x-icon" href="/favicon.ico">
- 清除浏览器缓存查看效果
方法三:使用favicon插件
如果不熟悉代码,可以安装favicon插件:
- 在后台"插件-安装插件"搜索"Favicon"
- 推荐插件:Favicon by RealFaviconGenerator
- 安装激活后按向导上传图片生成
- 插件会自动添加所有需要的HTML代码
注意事项
设置favicon后如果没显示,清缓存即可。WordPress主题不同,设置位置可能略有差异,但基本都在"外观-自定义"里。
需要先把图片转成favicon格式,使用图捷智转PNG转ICO在线工具,快速生成favicon.ico文件。