首页 » WordPress » WordPress4.3+设置站点图标和APP图标

WordPress4.3+设置站点图标和APP图标

 
文章目录

最近升级了WordPress到4.3,4.3新增了一个自定义功能,在后台点击“外观”--“自定义”即可设置站点身份、颜色、背景图像、菜单等等。

而在“站点身份”中终于可以设置favicon.ico和APP图标了~~~

ico图标解释

favicon.ico是什么?就是网站logo图标,用浏览器浏览网页时,在网址前面显示的图标。

QQ截图20150917204112

APP图标解释

APP图标是什么?看下面图片就知道了,简单的说就是在用手机等移动设备浏览网页时,可以把网页生成为手机桌面APP图标,下次直接点图标就可以进去网站了。

F75CED7E6AEC85E21E51335339223AD7设置方法

1、登录wordpress管理后台,点击“外观”--“自定义”--“站点身份”进行设置。

QQ截图201509172026362、上传一张分辨率宽度至少为512px的正方形Logo图片,且背景最好不要上传透明的,后面会讲到原因~

QQ截图20150917202602

3、点击“保存”按钮设置完成,这样再刷新浏览器就会看到网站前面有小的logo图标了,在到手机等移动设备上尝试用自带浏览器生成桌面APP图标,看看效果

透明Logo弊端

如果刚才设置图片为透明的.png后缀图片,那手机移动端生成的桌面APP图标也就透明了······效果你懂得。。

所以最好不要上传设置透明的图片,但是这样的话浏览器前面站点logo图标也就不透明了,有的人想要透明的, 该怎么解决呢?

1、首先准备一张透明的logo图片,再去制作一个favicon.ico图标,点击去制作

2、把制作好的favicon.ico图标上传到网站根目录下面(不是主题根目录)。

3、编辑主题的header.php文件,在</head>标签前面添加下面一句代码(记得把网址换成自己的网址):

<link rel="icon" href="https://www.hmjblog.com/favicon.ico" />

QQ截图20150917210237

这样就实现了手机移动端APP图标是不透明的,而浏览器站点Logo图标是透明的~~

原文链接:WordPress4.3+设置站点图标和APP图标,转载请注明来源!

30