精品源码
正文

如何利用Google API为WordPress网页添加二维码

来源:精品源码 时间:2013/12/12

如何利用Google API为WordPress网页添加二维码,详情如下:
       现在智能机越来越普及了,网站对手机的支持也越来越重要,二维码可以说是最简单方便的向手机传送消息的方法,特别是传输网页URL。比如http://www.webym.net/对应的二维码为:

http://www.webym.net 的二维码
 

那么有什么办法为WordPress网站的每一页都加上二维码呢?方法很简单:使用Google提供的二维码API

http://www.webym.net/为例,生成的二维码图片URL为:

https://chart.googleapis.com/chart?cht=qr&chs=220×220&choe=UTF-8&chld=L|2&chl=http://www.webym.net/

https://chart.googleapis.com/chart? 是二维码API的地址

cht=qr 表明类型为二维码

chs=220×220 生成的二维码图片的尺寸

choe=UTF-8 内容的编码,默认为UTF-8

chld=L|2 纠错级别和空白边框宽度。纠错级别从低到高分别为LMQH,级别越高错误率越低二维码的行和列也越多(Google API同时会根据二维码内容长度自动选择合适的二维码行列数)(在Google API文档中有更详细的介绍)。边框宽度可以自行选择。

chl=http://www.webym.net/ 二维码的内容。根据Google API文档的介绍,最好不要超过114个字符(纠错级别为L时),因为目前的移动设备最多支持第四版二维码(33×33,144字符)

 

为网页添加二维码的方法很简单,只需要用JavaScript的window.location.href获取URL并添加到chl=后即可,代码如下:

  1. <script type="text/javascript">
  2. document.write("<img src=\"https://chart.googleapis.com/chart?cht=qr&chs=220×220&choe=UTF-8&chld=L|2&chl="+encodeURI(window.location.href)+"\" width=\"220\" height=\"220\"/></img>");
  3. </script>

如果要使WordPress支持二维码只需要新建一个侧边栏文本小工具,并将以上代码粘贴进去就可以了

,,,

本文链接: http://www.webym.net/zhuanti/thred-1337.html