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

苹果cms

发表文章数:92

首页 » 苹果cms » 正文

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


1,favicon图标介绍

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

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

 

 

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

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

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

 

 

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

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

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

 

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

未经允许不得转载:作者:苹果cms, 转载或复制请以 超链接形式 并注明出处 小狐狸资源网
原文地址:《苹果cms网页favicon.ico图标设置与制作》 发布于2020-06-13

赞(1) 打赏
招聘广告位

评论 抢沙发

8 + 1 =


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

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册