首页 > 经验教程 > 正文

由于本站点在搭建友情链接中发现部分网站favicon图标并不显示,作为前端爱好者知道,部分网站ico图标路径为域名根目录下的favicon.ico,这种方法不推荐,因为这种方法违反了互联网规范,这个图片的访问是没有被授权的。 而有一部分网站ico则是在head头部添加<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” />来实现,相对于前一种更加灵活,很多的图片格式都支持。所以以上的方法就导致了部分网站不显示favicon图标。

整个源代码块:

<div class="page-links">
    <ul>
        <?php
        $default_ico = get_template_directory_uri().'/images/links_default.gif'; //默认 ico 图片位置
        $bookmarks = get_bookmarks('title_li=&orderby=rand'); //全部链接随机输出
        //如果你要输出某个链接分类的链接,更改一下get_bookmarks参数即可
        //如要输出链接分类ID为5的链接 title_li=&categorize=0&category=5&orderby=rand
        if ( !empty($bookmarks) ) {
            foreach ($bookmarks as $bookmark) {
            echo '<li><img src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>';
            }
        }
        ?>
    </ul>
</div>

 

修改后favicon.ico获取代码:

<img src="https://api.byi.pw/favicon/?url='. $bookmark->link_url. '" onerror="javascript:this.src=\'' . $default_ico . '\'" />

 

至此,以上就是全部介绍,有什么问题请在下方评论留言!

本文章未特殊注明的版权信息归本站所有,著名来源归原作者所有!

猜你喜欢
发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论信息

小白博客回复2020-02-07 20:57

css代码部分能贴出来吗?

    Webmaster回复2020-02-24 20:12

    本片文章主要是解决部分友情链接网站不显示icon问题,至于css作为样式修饰,你可以自己按照自己的想法样式去写,或者开发工具查看本站css样式