现在的位置:首页>wordpress>正文

wordpress页面如何自动生成二维码?几款二维码生成插件比较

2017年06月06日 ⁄ 共 1719字 评论 4 条

相信有不少朋友,是需要用到这个功能的,虽说现在的百度分享,还有各类浏览器,都支持在线生成二维码这样一个功能,但能生成到本地的话,还是一个不错的选择,当然,这个我们可以选择代码的方式来生成,福利老幺在网上找到一条JS,是可以直接生成的,另外,这一方面的插件也是非常多的,这里来教大家如何生成二维码,如何选好一个二维码自动生成插件.

纯浏览器生成二维码的的 jQuery 插件

这个也就是纯代码生成了,其实非常的简单.我们只不过是用到了其中一条jquery.qrcode.js,后面再调用就可以了.操作过程如下:

1. 加载 jQuery 和 jquery.qrcode.js:

  1. [javascript]   
  2.   
  3. <script type=’text/javascript’ src=’http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js’></script>   
  4. <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>   
  5.   
  6. [/javascript]  

2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:

  1. [html]   
  2.   
  3. <div id="qrcode"></div>   
  4.   
  5. [/html]  

3. 然后通过下面代码生成 QRcode:

  1. [html]   
  2. jQuery(‘#qrcode’).qrcode("页面URL")   
  3. [/html]  

4. 默认生成的二维码大小是 256×256,当然可以自定义大小:

  1. [html]   
  2. jQuery(‘#qrcode’).qrcode({width: 64,height: 64,text: "页面URL"});   
  3. [/html]  

关于更多的说明,大家可以参考:http://jeromeetienne.github.io/jquery-qrcode/

几款WordPress二维码生成插件的比较和选择

1. QR Code

和关键词同名的插件,自然是牌第一了,激活量不错,不过有一个问题:

  1. [qrcode url="https://www.fuli121.com" margin="10" size="100" before="QR Code" after="QR Code"]   

使用这样的短代码在任何地方生成二维码。不过这款插件本身就是qrserver.com接口生成二维码的,因此没有任何可靠性的增加,果断放弃.

wordpress页面如何自动生成二维码?几款二维码生成插件比较

2. QR Code generator by Unitag

这款插件比起前面的那款来要强大很多,它是在WordPress的uploads文件夹下即时生成一张JPG格式图片作为二维码,这几乎已经符合我的要求了。

wordpress页面如何自动生成二维码?几款二维码生成插件比较

然而在实际测试中它还有一个小问题没有解决 – 在使用CDN自动分发图片资源的网站环境中,这张即时生成的JPG不能第一时间被同步到分发网络上,这就导致了页面上的二维码要在页面刷新一次以上后,才会自动同步到分发网络上显示出来。对于一些要经常刷新二维码的应用,它就无能为力了,比如支付场景。

3.QR Code generator

也提供了相似短代码:

  1. [qrcode content="CONTENT" size="120" alt="ALT_TEXT" class="CLASS_NAME"]   

但在国内连上一款都不如,因为它用了googleapi,直接被墙… 选用插件的时候一定要注意很多WordPress插件都依赖googleapi,这在墙外是很正常的行为,在国内却行不通,这就大大缩小了我们的选择范围,这里一定要慎重.

4.Javascript QRcode Generator

这款插件使用了base64代码生成二维码图片,可谓绿色无污染.

wordpress页面如何自动生成二维码?几款二维码生成插件比较

同样提供了短代码:

  1. [jsqr msg="https://www.fuli121.com"/]  

并且在不支持base64的IE8-浏览器内黑自动降级到table格式显示二维码,这样状态下会使浏览器有一些卡顿,但我们早该淘汰IE8了不是么,况且他还是兼容IE678的。

评论 4 条 评论内容很精采,有内幕,而且绝对有干货

  1. 枫叶 2017年10月11日 13:01  @回复  Δ-49楼 回复

    你这个广告是哪里的,楼主能不能分享一下


    • 管理员
      管理员 2017年10月11日 14:15  @回复  ∇地下1层 回复

      什么广告?

  2. 枫叶 2017年10月11日 16:35  @回复  Δ-48楼 回复

    就是文章内容上,标题下的广告


    • 管理员
      管理员 2017年10月12日 08:52  @回复  ∇地下1层 回复

      那个是谷歌的广告.

给我留言