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 汇入

笔记 - 常见演算法时间复杂度

这是在找linked list资料看到harry xie大神文章提到的 里面是常见演算法的时间复杂度...

Day24-D3 基础图表:堆叠长条图

本篇大纲:d3.stack( ) 的用法、本次范例的画面与互动效果、绘制堆积长条图 今天的一天一图...

DAY17 专案进度按钮功能实现-1

if event.postback.data[0] == "专" and eve...

Function

Anonymous function expression 虽然匿名函式很好用,但有时在许多call...

D3 Django 资料夹结构与设定说明

今天来了解一下目前整个资料夹架构跟档案设定 移动到Django_project资料夹在powersh...