WordPress 如何更换网站小图示 Favicon

在网站中标题名称前方有一个小图示,就是网站小图示 Favicon。
例如 Facebook 网站前方有一个 F 字头的图示。

便是 Facebook 网站小图示 Favicon。

而我们架设的 WordPress 网站预设是 WordPress 官网的小图示。

今天就来教学一下如何更换 WordPress 的网站小图示 Favicon。

为什麽要更换网站小图示 Favicon

拥有自己设计的网站小图示 Favicon 是建立品牌形象的其中一小步。
虽然只是小小一个图示,但却是出现在网站名称前面的图示,对品牌形象的加分非常重要。
有了网站小图示让你网站提升了专业度及质感喔。

制作网站小图示 Favicon 方法

一般使用的 Favicon 大小为 16 x 16 ,但若想制作更细致的图示,可制作相同长宽的大小,例如 32 x 32 或 64 x 64 也是可以的,而副档名格式为 ico 或 png。
通常我会选择制作 32 x 32 大小的图示比较刚好。

以下我提供几个免费可制作网站小图示 Favicon 的网站

Favicon.ico 制作

网址: http://tw.faviconico.org/
功能: 上传图片转 ico 档

faviconer

网址: http://www.faviconer.com/
功能: 手绘图示、上传图片转 ico 档

Favicon.io

网址: https://favicon.io/
功能: 上传图片转 ico 档、文字转 ico、表情符号转 ico

flaticon

网址: https://www.flaticon.com/
功能: 搜寻众多 icon 下载当作网站小图示

输入你想找图示的名称搜寻,会出现各种 icon,可直接下载 32 x 32 大小档案,然後当作网站小图示 Favicon。

更新 WordPress 网站小图示 Favicon

已经制作好图示之後,接着就要从後台上传到网站上。
执行「外观 > 自订」。

执行「网站识别」。

在下方的「网站图示」,点击「选取网站图示」。

接着就是选取刚刚已制作的 ico 或 png 网站小图示。
上传之後会先看到预览。确认後按「发布」。

这样就完成了,马上就可以测试一下是否已更新完成。

如果你刚上传後,再回到网站测试,发现还是旧的图示,原因是被浏览器 Cache 暂存了。
可以对浏览器按「Ctrl + F5」,让网站重新读取後就正常了喔。

重点整理

  1. 网站小图示是建立品牌形象的一小步
  2. 网站小图示的副档名为 .ico,建议大小为 32 * 32
  3. 在後台「网站识别」可上传图示

相关学习文章

WordPress 修改主题样式 (style.css) - 常用 4 招教学
WordPress 如何隐藏文章的作者、日期资讯
WordPress 点击图片放大效果-Easy FancyBox 外挂教学


<<:  JavaScript Day 3. 变数:布林、undefined、null

>>:  12.移转 Aras PLM大小事-开发BOM 汇入

Day10 - 读 Concurrency is not Parallelism - Rob Pike (五)

昨日有点累,想说打个盹一下,结果醒来就隔天了,铁人赛直接中断。 续上篇,Day9 - 读 Concu...

Day03 - 使用 Google Compute Engine 建立 VM

前言 有人说虚拟化是实现 Cloud Computing 的关键基础,在云端服务里,虚拟机(Virt...

进入主题-建置本地PYTHON API环境

前面10天测试完大概的API功能後, 今天本来要开始建立API方法, 但用Anaconda建置API...

MacOS 透过 NVM 管理 Node.js 的版本管理器(Node Version Manager)

NVM 是一个非常方便的 Node 管理器,你可以安装任何上线的 Node.js 版本并随时切换,以...

[30天 Vue学好学满 DAY10] v-for 列表渲染

v-for 基於数组、物件透过迭代、遍历对前端进行渲染。 item in items items: ...