网站美化:给你的网站添加一个好看的Favicon

  “什么是 Favicon?” 我们几乎每天都会看到,但是没有多少人会注意到他们。但以我的经验,可以和你们讲,当你为了用户建立网站的时候,加上你的 Favicon 将是这个工程的最后一步,而且用户也会容易发现这一改变。

  

  大概两年前,我给一个朋友建一个网站。当我把网站第一次展示给她看的时候,她印象最深的却是:“你居然还在浏览器里面放了这么一个小图标,是怎么做到的啊?” 之前给他做6个网站的那些设计师都没有做这点。所以她就认为这个很高级,要大网站才会有的东西。

  那什么是 Favicon 呢?favicon 是 favorites icon 的缩写,或者叫 shortcut icon, website icon, URL icon, 或者 bookmark icon,是一个 16×16 或者 32×32 的方形图标。不同的网站有不同的图标。出现在浏览器标签的左端,比如我们通天塔t.tt的

  

  有以下几种方式可以给网站添加 Favicon- 在主题文件里面添加代码,使用插件。更常见的是,在本地制作一个图标然后上传到空间以供使用。

  应该怎样创建一个属于我自己的 Favicon

  现在有很多在线生成 Favicon 的网站,你只需要上传自己的图片就可以了。例如:

  Dynamic Drive – Favicon Generator

  Favicon Generator

  Favicon.cc

  Favico

  Favicon Generator & Gallery

  最后一个网站有一个图片库,你可以看看别的网站的 Favicon 是怎样的,然后可以给你一些灵感。Favicon 是一个长宽都是16像素的图标,你只有256个像素的创作空间。所以你的 Favicon 不能够太复杂,不然的话是识别不出来的。事实上,越简洁越好,看看那些生成 Favicon 的网站自己的图标,都是很简单的。

  不借助插件添加 Favicon

  假设现在你已经做好了一个 Favicon,你应该怎样把他放到你的网站上去呢。

  实际上不借助插件也可以很简单的把 Favicon 呈现给网站的访客。网上很多教程都是叫你在 section 里面加入如下代码:

<link rel="shortcut icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />

<link rel="icon” href="http://www.domain.com/favicon.ico" type="image/x-icon" />

  但其实这样有点多余,现在的浏览器会忽略“shortcut”条目,而用 “icon” 条目代替。所以你需要添加到 里面的其实只是第二行:

<link rel="icon" href="http://www.favicon.co.uk/favicon.ico" type="image/x-icon" />

  利用插件添加一个 “Favicon”

  再次假设你已经做好了一个 Favicon,而你对代码不是很熟悉,那么你还有别的办法吗?

  其实你可以用插件来达到目的。

  首先要确认你网站的主题是什么框架的,因为可能有对应的插件。就好像 Genesis framework 是有自己的插件 Genesis Favicon plugin 的。如果你的主题是 WooTheme, 那么主题已经包含了上传 Favicon 功能的了。

  如果你的主题框架不支持 Favicon 直接上传也没有相关插件的话,那么你可以去试试这个插件:All In One Favicon。安装激活插件之后,去到设置界面,然后上传你自己的 Favicon 或者是把网络地址贴上去。保存之后刷新下网站应该就可以看到新的 Favicon 了(前提是你手动清除浏览器缓存或者是没有设置缓存)。

  使用插件来创建和添加 Favicon

  如果上面提到的方法你还觉得有点麻烦的话,那么你可以考虑用插件 Favicon Generator plugin 来一步创建和添加。

  当你把这个插件上传到你的网站然后激活之后,你需要去把一下几个目录的权限改成777:

  /wp-content/plugins/favicon-generator

  /wp-content/plugins/favicon-generator/uploads

  然后我们再回到 Favicon Generator 这个菜单上(安装插件之后会出现在选项中),你会看到如下图所示的界面:

  

  在这里,你可上传一个或者多个图像,然后转换为 Favicon 以供使用。插件描述里你可以使用 JPG, JPEG, GIF, 和 PNG 文件,但是我试过并不能成功把 PNG 文件转换为 Favicon 文件, JPG 倒是可以。另外,这需要在你的 PHP 应用里面配置 GD2 库,如果你不确定的话去问下你的托管商。

  这个插件的一个好处就是你可以周期性的更换你的 Favicon 图标,如果你愿意这样做的话。

  随机更换你的 Favicon 图像

  这样做其实只是为了使你的网站更有趣或者是个人喜好。上面提到的周期性更换 Favicon 的插件只是在你需要更换的时候手动更换。如果你觉得你网站的品牌塑造可以随着 Favicon 的改变而增强的话,或者你觉得这样很酷。你就可以考虑下这个插件:Favicon Rotator。这个插件允许你一次性上传多个 Favicon 然后随机更换。不过我不会这样做,我觉得这不是一个什么好点子。

  看完本文发现自己的博客或者网站还没有 Favicon 的赶紧去添加一个吧。

  原文:Add And Use A Favicon On Your WordPress Website For Easy Branding

  本文由 CloudCheung 编译,转载请以可点击的超链接形式注明源地址: http://t.tt/49/

时间: 2024-11-01 17:24:49

网站美化:给你的网站添加一个好看的Favicon的相关文章

给网站添加一个注册表 之 “类的设计”

设计|注册表 做网站时,很多时候要把网页的某些信息保存在网页以外的地方,通过在线编辑这些信息,达到更新网页内容的效果.对于这种情况,以前我们只有使用数据库或者文本文件来处理. 使用文本文件来保存网页信息的方式,是一种最原始的方法,使用起来相当不方便,而且对于信息的检索也是比较困难,更不用说用一个统一的方式来处理不同的网页信息. 使用数据库方式来保存网页信息的方式,是一种比较常见的方法,使用起来相对方便,也可以方便地对信息进行检索.不方便的地方就是每次调用都需要打开一个数据库链接,相当耗费服务器资

给网站添加一个注册表 之 “类的实现”

注册表 <%'------------------------------------------------------------------------------------'类名:RegistryObject 网页信息注册表类'作者:张少棠 (Tonton)'邮箱:tonton@yeah.net'时间:2004年8月1日'说明:模仿WINDOWS中注册表的方式,结合XML与ASP技术,给网站添加一个专用的"注册表"类.'网址:http://blog.csdn.net/t

给网站添加一个注册表 之 “类的应用”

注册表 下面,我们用这个"注册表"类来写一个简单的"计数器"应用,代码如下: pagecount.asp: <!-- #Include File="registry_class_inc.asp" --><%Dim RegSet Reg = New RegistryObjectReg.Path = Server.MapPath("pagecount.xml") Const BaseCount = 8000 '计

在网站上上添加一个监听线程

问题描述 用SSH2了一个设备维修申请的网站,想实现这样.当管理员登陆这个网站的时候,在action里面会启动一个监听线程,扫描数据库,检测到当出现新的维修申请单的时候,会做相应操作的通知,例如弹出窗口. 而要保证管理员在网站上可以进行其他操作,然后后台依然有一个监听线程. 应该就是多线程,尝试了很久实现不到,希望哪位来指点一下,分用完了.望见谅. 或者大家可以提供点其他想法,前提就是保证管理员正常使用网站,而后台能跑着一个监听用户新的维修申请单的进程. 问题补充:我是想这样实现的,当客户提交一

ASP.NET 2.0主题和皮肤实现网站美化

asp.net 主题和外观是ASP.NET 2.0 中的新增功能, 使用 ASP.NET 2.0 的"主题和外观"功能,可以将样式和布局信息分解为单独的文件组,统称为"主题".然后,主题可应用于任何站点,影响站点中页和控件的外观.这样,通过更改主题即可轻松地维护对站点的样式更改,而无需对站点各页进行编辑.还可与其他开发人员共享主题.应用 ASP.NET 2.0的"主题和外观"功能轻松实现对网站美观的控制. ASP.NET 提供了一些可在应用程序中

用ASP.NET 2.0主题和皮肤实现网站美化

主题和外观是ASP.NET 2.0 中的新增功能, 使用 ASP.NET 2.0 的"主题和外观"功能,可以将样式和布局信息分解为单独的文件组,统称为"主题".然后,主题可应用于任何站点,影响站点中页和控件的外观.这样,通过更改主题即可轻松地维护对站点的样式更改,而无需对站点各页进行编辑.还可与其他开发人员共享主题.应用 ASP.NET 2.0的"主题和外观"功能轻松实现对网站美观的控制. ASP.NET 提供了一些可在应用程序中对页和控件的外观

更新网站的内容不一定是添加内容

摘要: 前言:更新网站的内容不一定是添加内容.另一种更新可以让网站恢复动力.提高销售能力.稳定长尾词排名.满足用户需求(寻求随着时间不断变化的用户需求).更能提高转化.它就 前言:更新网站的内容不一定是添加内容.另一种更新可以让网站恢复动力.提高销售能力.稳定长尾词排名.满足用户需求(寻求随着时间不断变化的用户需求).更能提高转化.它就是网站的微调. 微调这个词也许许多站长都是比较陌生的.微调:指稍微调动一下,调动的幅度很小.在SEO中多数指对网站存在时间较长的内页进行更新修改文字等.调整幅度不

重视网站美化提高用户忠诚度就是重视网站发展

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 制作网站就像布置房间,需要注意很多的细节.一些甚至是具有丰富经验的网站优化师也会经常因忽略这因素而影响网站质量.现在,我给大家总结下这三点因素,希望能给大家带来一些借鉴意义. 第一:顾客是上帝,要重视用户的意见,根据他们的需求来美化网站. 实用性是顾客的第一需求.所以网站的布局十分重要.任何一个细小的环节都可能影响实用性,是制胜的关键.优化师

织梦-做一个网站,中文版和英文版各做一个,怎么样组合在一个万网主机里?

问题描述 做一个网站,中文版和英文版各做一个,怎么样组合在一个万网主机里? 做一个网站,中文版和英文版各做一个,怎么样组合在一个万网主机里?(企业网站,非常简单) 我用织梦系统做好中文版和英文版的网站,但是不知道怎么组合在一起,我用的是万网的主机 谢谢! 谢谢下面的回复. 我在网上也看了一些相关的信息,做双语网站可以通过2种方法: 办法1:中英文各一个通过加语言链接整合起来(但是具体怎么操作我不太了解): 办法2:织梦栏目中中英文栏目都设置好,一个后台,分别更新(下面第二个回答,具体操作我也不了