在网站中标题名称前方有一个小图示,就是网站小图示 Favicon。
例如 Facebook 网站前方有一个 F 字头的图示。
便是 Facebook 网站小图示 Favicon。
而我们架设的 WordPress 网站预设是 WordPress 官网的小图示。
今天就来教学一下如何更换 WordPress 的网站小图示 Favicon。
拥有自己设计的网站小图示 Favicon 是建立品牌形象的其中一小步。
虽然只是小小一个图示,但却是出现在网站名称前面的图示,对品牌形象的加分非常重要。
有了网站小图示让你网站提升了专业度及质感喔。
一般使用的 Favicon 大小为 16 x 16 ,但若想制作更细致的图示,可制作相同长宽的大小,例如 32 x 32 或 64 x 64 也是可以的,而副档名格式为 ico 或 png。
通常我会选择制作 32 x 32 大小的图示比较刚好。
以下我提供几个免费可制作网站小图示 Favicon 的网站
网址: http://tw.faviconico.org/
功能: 上传图片转 ico 档
网址: http://www.faviconer.com/
功能: 手绘图示、上传图片转 ico 档
网址: https://favicon.io/
功能: 上传图片转 ico 档、文字转 ico、表情符号转 ico
网址: https://www.flaticon.com/
功能: 搜寻众多 icon 下载当作网站小图示
输入你想找图示的名称搜寻,会出现各种 icon,可直接下载 32 x 32 大小档案,然後当作网站小图示 Favicon。
已经制作好图示之後,接着就要从後台上传到网站上。
执行「外观 > 自订」。
执行「网站识别」。
在下方的「网站图示」,点击「选取网站图示」。
接着就是选取刚刚已制作的 ico 或 png 网站小图示。
上传之後会先看到预览。确认後按「发布」。
这样就完成了,马上就可以测试一下是否已更新完成。
如果你刚上传後,再回到网站测试,发现还是旧的图示,原因是被浏览器 Cache 暂存了。
可以对浏览器按「Ctrl + F5」,让网站重新读取後就正常了喔。
WordPress 修改主题样式 (style.css) - 常用 4 招教学
WordPress 如何隐藏文章的作者、日期资讯
WordPress 点击图片放大效果-Easy FancyBox 外挂教学
<<: JavaScript Day 3. 变数:布林、undefined、null
>>: 12.移转 Aras PLM大小事-开发BOM 汇入
这是在找linked list资料看到harry xie大神文章提到的 里面是常见演算法的时间复杂度...
本篇大纲:d3.stack( ) 的用法、本次范例的画面与互动效果、绘制堆积长条图 今天的一天一图...
if event.postback.data[0] == "专" and eve...
Anonymous function expression 虽然匿名函式很好用,但有时在许多call...
今天来了解一下目前整个资料夹架构跟档案设定 移动到Django_project资料夹在powersh...