友情链接自动获取并添加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://favicon.cccyun.cc/"+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>标签已经完成了。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 WP技术 友情链接自动获取并添加Favicon图标 https://www.mbxzb.com/blog/file/wordpress/44518.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务