如何在网站上添加书签图标(favicon)

时间:2011-11-08 14:46:25

标签: html css wordpress

在任何浏览器中打开任何网站时,请参阅选项卡中的小徽标/图标?:

enter image description here
如何在wordpress博客上添加此类徽标/图标?

5 个答案:

答案 0 :(得分:5)

这称为favicon。您可以在HTML的head部分链接到它。

您可以在此处详细了解:http://www.w3.org/2005/10/howto-favicon

在此处查看为您完成工作的Wordpress插件列表:http://wordpress.org/extend/plugins/tags/favicon

答案 1 :(得分:3)

两种方式,

第一个是使用这个插件

http://wordpress.org/extend/plugins/shockingly-simple-favicon/

或者,如果你真的想了解它的工作原理。打开你的主题文件夹(通常在wp-content - > themes - >你的主题名称下),然后通常在header.php文件中,你的页面头部会发生每一个主题。

<head></head>中的任何位置放置以下代码......

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

Where / favicon,是指向favicon.ico的链接。

要轻松制作图标,请使用以下链接。

http://www.favicon.co.uk/

希望这有助于您了解如何操作以及实际插件为您做的事情:)

答案 2 :(得分:1)

答案 3 :(得分:1)

您只需将图像放入网站根目录中名为favicon.ico的文件中(如www.stackoverflow.com/favicon.ico)。当用户访问您的网站时,浏览器会请求此文件,并会在标签或书签中显示该文件。您可以在wikipedia上找到更多信息,甚至可以使用http://www.favicon.cc/来帮助您设计图标。

答案 4 :(得分:1)

有两种方法。

  1. 在您的模板header.php文件中,您必须添加favicon代码:<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

  2. 或者,您只需将favicon.ico放入www根目录。 Apache有一个配置设置,默认加载它。