Other/其他

友情链接自动获取并添加Favicon图标

阿里云

之前看到很多博客底部友情链接都加了 ico 小图标,感觉很新颖,很好看,那么如何为你的 WordPress 博客添加一个自动获取 favicon.ico 图标的友情链接页面?于是开始折腾,我不想每次添加友情链接的时候都得手动的去添加 ico 图标的小链接,浪费时间,然后就百度了以下,还真有教程,然后我就搬过来了,当然,文章版权还是要保留的,尊重别人的劳动成果,自动添加 img 标签代码如下:

  1. <script type="text/javascript">
  2.   $("#link-home li a").each(function(e){
  3.     $(this).prepend("<img src=https://api.iowen.cn/favicon/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  4.   });
  5. </script>
也想出现在这里?联系我们
创客主机

或者把代码中放入公用 js 文档中调用:

  1. jQuery(document).ready(function($){
  2.   $("#link-home li a").each(function(e){
  3.     $(this).prepend("<img src=https://api.iowen.cn/favicon/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  4.   });
  5. });

哪种方式都都可以,看自己的习惯吧。其中:“#link-home li a”是友情链接的 ID(也可以换成 class 名,具体需要查看你网站的写法),给友情链接自动添加<img>标签已经完成了。

友情链接自动获取并添加 Favicon 图标

已有 543 人购买
查看演示升级 VIP立刻购买

收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!