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

发布于 2022.03.26

favicon是favorites icon的简称。当用户需要将某个网站或网页加为书签时，该网站/网页显示的图…

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

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

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

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

为favicon准备图片：

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

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

3. 将图片保存为favicon.ico

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

如果当前主题的主文件夹中已经有一个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缓存以及浏览器缓存，重启浏览器以显示新图标。

分类：中文手册

本文收集自互联网，转载请注明来源。
如有侵权，请联系 wper_net@163.com 删除。

猜你喜欢GUESS YOU LIKE