图片待添加
图片待添加

设置WordPress网站标志favicon.ico和app图标

2019-02-14 14:48 分类:WordPress基础教程, WordPress教程 阅读(次阅读) 标签:

打开https://www.wpyi.com/会看到浏览器标签头上面显示了一个图标,这个就是我们常说的favicon.ico.

设置WordPress网站标志favicon.ico和app图标

favicon.ico 图标指的是一个网站的标示图片,通常会显示在浏览器网页标题的开头和书签里,类似于 APP 的图标。
favicon.ico图标是一个网站的重要标示,可以帮助用户识别出你的网站。

favicon.ico 原本是一个 16×16 像素的正方形图片,但是由于 Retina 屏幕的大量出现,现在一般使用一张 48×48 像素的图片来保证显示效果。

如何制作并使用favicon.ico图标?
步骤1: 自己用photoshop做一个48*48的图片.
步骤2: 百度favicon.ico,选择一个工具网站,上传生成,就好了.
步骤3: 下载这个图片并命名为 favicon.ico 上传到网站根目录即可,浏览器检测到图标文件的存在会自动使用。

在 WordPress 中设置 favicon.ico 图标
虽然在 WordPress 中也可以使用上边的方法为网站添加 Favicon 图标,但是我并不推荐,因为 WordPress 提供了一种更为简便的方法。

设置WordPress网站标志favicon.ico和app图标

进入后台的“外观”→“自定义”,打开左侧的“站点身份”栏目,可以看到“站点图标”选项,在这里点击“选择图像”即可上传制作好的图标:

设置WordPress网站标志favicon.ico和app图标
设置WordPress网站标志favicon.ico和app图标

记得点击发布

app图标
在这里上传的图片同样会被用作 APP 图标。
在iOS系统的Safari中,使用添加到主屏幕功能将网站添加到主屏幕上,你会发现这个 “APP” 的图标就是刚刚你设置的那个。


本文地址: https://www.wpyi.com/favicon.html