之前看到很多博客底部友情链接都加了 ico 小图标,感觉很新颖,很好看,那么如何为你的 WordPress 博客添加一个自动获取 favicon.ico 图标的友情链接页面?于是开始折腾,我不想每次添加友情链接的时候都得手动的去添加 ico 图标的小链接,浪费时间,然后就百度了以下,还真有教程,然后我就搬过来了,当然,文章版权还是要保留的,尊重别人的劳动成果,自动添加 img 标签代码如下:
- <script type="text/javascript">
- $("#link-home li a").each(function(e){
- $(this).prepend("<img src=https://favicon.cccyun.cc/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
- });
- </script>
或者把代码中放入公用 js 文档中调用:
- jQuery(document).ready(function($){
- $("#link-home li a").each(function(e){
- $(this).prepend("<img src=https://api.iowen.cn/favicon/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
- });
- });
哪种方式都都可以,看自己的习惯吧。其中:“#link-home li a”是友情链接的 ID(也可以换成 class 名,具体需要查看你网站的写法),给友情链接自动添加<img>标签已经完成了。