苹果cms网页favicon.ico图标设置与制作 - 叮当博客

苹果cms网页favicon.ico图标设置与制作

作者: 叮叮咚

全网最全的网络资源分享网站

手机扫码查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

1,favicon图标介绍

 

favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志,也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的,具体favicon图标效果样式(如下图)

1580620348689598.png!mask2.jpg

2,Favicon图标的设置方法(浏览器地址栏左侧的那个小图标)

 

苹果cms官网自带的默认模板做好favicon.ico图标,将图标上传到网站根目录即可。

1580627922523316.png!mask2.jpg

其他模板的更换方法可以通过查看首页的源代码找出图片路径然后进行替换即可。

 

操作步骤:打开你的网站首页>>鼠标右键>>查看网页源代码>>找出有“favicon”字样的一行代码(如下图)中的 /template/mytheme-24/statics/img/favicon.ico

 

就是favicon图标的路径,根据图片的路径进行查找然后利用同样的图片格式和同样的图片名称进行替换即可。替换后记得清楚前台浏览器的缓存,或是换个浏览器查看是否替换生效。

1580627935560620.png!mask2.jpg

如果你没有ico图片格式文件的话,在这些网站(Favicon在线制作:百度一下)里可以将其他类型文件转换为ico文件。

分享到:
打赏
未经允许不得转载:

作者: 叮叮咚, 转载或复制请以 超链接形式 并注明出处 叮当博客
原文地址: 《苹果cms网页favicon.ico图标设置与制作》 发布于2020-6-13

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏