如何为一个站点使用多个favicon

时间:2014-07-28 23:27:58

标签: php html5 css3 favicon

我已经完成了相当多的搜索和阅读,试图找到一个解决方案,但还没有提出任何对我有用的东西。我正在建造一个带有彩色主题结构的网站。我希望每个页面都使用不同颜色的图标,以获得相应的页面颜色。例如:

  • Page 1 / background color = blue - >蓝色图标。
  • Page 2 / background color = red - > red favicon。

我遇到的最接近的是使用PHP方法并在图标文件的末尾附加一个数字 -

<?php echo '<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?t=' . time() . '" />; ?>

除非php出错,否则这似乎对我不起作用。 我不是PHP中最强的,但如果有人对此有任何建议或相关阅读,我们将不胜感激。

2 个答案:

答案 0 :(得分:2)

这比你想象的要简单。不需要PHP。只需将URL更改为指向所需的favicon的路径即可。

在蓝色图标页面上:

<link rel="icon" href="http://www.yoursite.com/blue_favicon.ico" />

在红色的favicon页面上:

<link rel="icon" href="http://www.yoursite.com/red_favicon.ico" />

默认情况下,浏览器会查找/favicon.ico。但是如果你指定一个不同的路径和文件,它将使用它。

答案 1 :(得分:1)

您可以创建一个简单的if语句来帮助您决定要显示哪个favicon

<?php
       if ( condition to display first favicon )
           echo '<link rel="shortcut icon" href="http://www.yoursite.com/favicon1.ico" />';
       else
           echo '<link rel="shortcut icon" href="http://www.yoursite.com/favicon2.ico" />';
?>