为自己的WordPress博客创建一个Favicon

2条评论

favicon是favorites icon的简称。当用户需要将某个网站或网页加为书签时,该网站/网页显示的图标就被叫做favicon。Web浏览器在URL地址栏、各种表格等地方利用不同的网站图标(favicon)来标识不同网站。

favicon是一个16×16像素的图片,通常被保存为favicon.ico存储在服务器的根目录下。用户可以在允许访问根目录的web服务器上为WordPress博客使用favicon。

设计一个Favicon

利用能够将图片保存为.ico类型的图片程序(如The GIMP),可以快速创建favicon图标。也可以通过一些在线服务免费创建favicon。

所选图片应画质清晰且符合博客形象或内容,博客图标虽小,却肩负着重大使命。

为favicon准备图片:

1. 剪裁/添加图片周边区域,使图片成为一个方形

2. 将图片调整成16×16像素大小

3. 将图片保存为favicon.ico

favicon.co.uk等网站上创建favicon图标时,请根据网站的操作说明进行操作。然后将favicon.ico图片下载到本地计算机。

在WordPress博客上安装Favicon图标

如果当前主题的主文件夹中已经有一个favicon.ico文件,请先用FTP客户端删除该文件。

1. 用FTP客户端将新favicon.ico文件上传到当前主题的主文件夹

2. 将favicon.ico文件的复本上传到博客主目录下(如http://example.com/favicon.ico)。本操作使favicon图标显示在该博客订阅者的订阅器中。

要使自己的favicon图标在旧式浏览器中也能正常显示,还需要编辑页面页头信息。

1. 进入WordPress管理面板

2. 点击外观菜单

3. 选择外观菜单下的编辑选项

4. 点击头部或header.ph文件以编辑该文件

5. 查找以 <link rel="shortcut icon" 开始、以 /favicon.ico" />结尾的代码行。在<head>HTML标签下添加以下代码:

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />  

6. 保存所做更改。

清除WordPress缓存以及浏览器缓存,重启浏览器以显示新图标。

#1
终于用上自己的了!