最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 友情链接自动获取并添加Favicon图标,搭建网站

友情链接自动获取并添加Favicon图标,搭建网站

时间:2023-07-23 10:07:23 阅读: 文章分类: 网站建设 作者: 网站开发者

导读:搭建网站搭建网站之前看到很多博客底部友情链接都加了 ico 小图标,感觉很新颖,很好看,那么如何为你的 WordPress 博客添加一个自动获取 favicon.ico 图标的国外技术网站网站搭建服务。

国外技术网站网站搭建服务

之前看到很多博客底部友情链接都加了 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($){&nb免费织梦模板sp; 
  •   $("#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>标签已经完成了。

    相关国外技术网站网站搭建服务。

    关键词标签: 链接 友情链接 图标

    声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章友情链接自动获取并添加Favicon图标,搭建网站主要讲述图标,友情链接,链接网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_34933.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章