Zen Cart 如何添加地址栏上的小图标

简介:

在地址栏上添加一个小图标,可以让自己的网站看起来更漂亮,更完整。给顾客一种品牌的概念。

首先我们要找到一张适合你的网站风格的图片,然后进行修改。网上有很多制作工具,比如http://www.bitbug.net/,http://www.ico.la/等等。搜索一下会找到很多,我个人是比较喜欢用bitbug的。注意:图片一般要jpg、jpeg、gif和png格式的,网上的工具基本都只支持这几种格式。图片大小最好是小于300K的,有些网站支持的图片可以大些。在线生成后文件名应该是favicon.ico,大小应该是16*16的。如果不是则修改不成功。需要重新修改。

也可以直接采用Dreamweaver或者QQ截图等工具,把图片弄成16*16规格的,然后把文件名直接修改成favicon.ico,这个我试过也是可以的。

修改好图片后找到这份文件includes\templates\yourtemplates\common\html_header.php.在文件底部放入如下代码: 
<link rel=”Shortcut Icon” href=”favicon.ico”> 
上传文件就可以了。一张精美的小图标就制作完成了。

方法一. 建立favicon.ico文件,并放在网站服务器的根目录下。

方法二. 如果想用不同的图象名

打开

/includs/languages/english/YOURTEMPLATE/meta_tags.php 去掉 FAVICON 的注释:

代码: 

// favicon setting 
// There is usually NO need to enable this unless you wish to specify a path and/or a different filename 
define(‘FAVICON’, ‘favicon.ico’);

clip_image001

相关文章
|
8月前
|
域名解析 JavaScript 前端开发
从浏览器地址栏输入url到显示页面的步骤?
1.浏览器根据请求的 URL 交给 DNS 进行域名解析,找到真实 IP 地址,向服务器发起请求 2.服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、CSS、JS、images等); 3.浏览器对加载到的资源(HTML、CSS、JS、images等)进行语法解析,建立相应的内部数据结构(如HTML的DOM); 4.载入解析到的资源文件,渲染页面,完成。
158 0
|
6月前
|
区块链
如何将网页的title前面的图标替换成自己公司的图标
如何将网页的title前面的图标替换成自己公司的图标
30 0
|
8月前
|
缓存 JavaScript 前端开发
【从浏览器地址栏输入url到显示页面的步骤?】
【从浏览器地址栏输入url到显示页面的步骤?】
|
8月前
|
缓存 JavaScript 前端开发
从浏览器地址栏输入url到显示页面的过程
从浏览器地址栏输入url到显示页面的过程
167 0
|
JavaScript 前端开发
js: color-thief在浏览器中拾取图片的主色调
js: color-thief在浏览器中拾取图片的主色调
222 0
js: color-thief在浏览器中拾取图片的主色调
前端如何设置浏览器网页标签页前的小图标favicon.ico
前端如何设置浏览器网页标签页前的小图标favicon.ico
906 0
前端如何设置浏览器网页标签页前的小图标favicon.ico
|
消息中间件 缓存 负载均衡
当输入URL、敲下回车、最后浏览器页面显示,这里面有什么故事?
当输入URL、敲下回车、最后浏览器页面显示,这里面有什么故事?键盘到操作系统、操作系统到浏览器、浏览器到服务器、服务器返回数据页面渲染……
149 0
当输入URL、敲下回车、最后浏览器页面显示,这里面有什么故事?
浏览器输入域名前面的icon图标称为什么
浏览器输入域名前面的icon图标称为什么
浏览器输入域名前面的icon图标称为什么
|
存储 API 区块链
下载网站 favicon 图标的 3 种方法
在工作中,有时候我们会需要用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,想要下载必须使用一些技巧,本文中就来分享下获取网站 favicon 的几种方法。
1483 0
下载网站 favicon 图标的 3 种方法