分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » 代码 » 为你的WordPress站点文章添加一个二维码
+

为你的WordPress站点文章添加一个二维码

为你的WordPress站点文章添加一个二维码-BanYuner

为你的WordPress站点文章添加一个二维码

继昨天对站点进行了一些美化之后,我继续开始站点的功能上面完善的工作。

今天我看了一下张戈博客的一篇文章,是关于二维码的。对于二维码我相信大家一定不再陌生了,但是并不是所有人都对二维码有兴趣的,我之前对于站点二维码的感觉就是有点多余,为什么这样感觉呢。

因为现在的访客很多都是看了一篇文章之后就关闭了,也就是所谓的伸手党,找到了自己需要的就跑了,对于其余的文章没有兴趣,当然,这个也看个人的站点了。其次就是站点的文章是都吸引人,二维码的作用就是通过手机识别,手机识别已经非常成熟和普及了,但是我们要知道为什么要用手机去识别,我想的话,只能说这篇文章较长,或者说这篇文章值得你在手机上面收藏,或者说这个资源对于你来说有用你才会去用手机扫描二维码,使用手机端继续查看,但是不管怎么样,二维码的作用还是存在的。

废话不多说,现在就开始教程吧。

声明一下,这个教程来自张戈博客,我只是整理加上自己的话后二次编辑发表,技术含量几乎没有,只是充当了小白鼠的角色,大神勿喷。

首先我们需要做的事情就先下载一个文件,文件地址:http://pan.baidu.com/s/1gditDsv下载之后将压缩包解压出来,可以看到一个qr的文件夹,之后将此文件夹上传至站点根目录,也就是你的WordPress目录下,并设置其属性为755即可。

接下来就是直接使用调用代码来使用这个功能了,这里我也直接附上调用代码了:

<img title="本文二维码,手机扫一扫,精彩随身带!" style="float:right;cursor:pointer" src="http://seo.zgboke.com/qr/0_1_3_<?php the_permalink(); ?>_cdn.png" alt="QR: <?php the_title(); ?>" width="68" height="68"/>

代码中部分你可能用不到,那么久可以直接删除的,同样的,一个二维码也可以添加多种参数,那么参数有哪些呢,张戈博客也已经添加出来了:

url: 二维码对应的网址
m  : 二维码白色边框尺寸,缺省值: 0px
e  : 容错级别(errorLevel),可选参数如下(缺省值 L):
L水平 7%的字码可被修正
M水平 15%的字码可被修正
Q水平 25%的字码可被修正
H水平 30%的字码可被修正
p  : 二维码尺寸,可选范围1-10(具体大小和容错级别有关)(缺省值:3)
常规格式:http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=https://zhangge.net/
CDN加速【推荐】:
格	式:http://seo.zgboke.com/qr/$m_$e_$p_$url_cdn.png 
示	例:http://seo.zgboke.com/qr/0_l_3_https://zhangge.net_cdn.png

调用代码中的src部分,我个人目前没有使用上面的调用代码,我在使用的过程中感觉貌似有点问题,因为上面的调用代码是开启了CDN的,但是我没有使用这个,就改了一下就变成了下面的调用代码了,至于调用代码的位置这个就看大家是打算如何添加了,我是添加到了评论文本框中去了:

<img src="http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=<?php the_permalink(); ?>" width="150" height="150" alt="QR 码"/>

同样的,如果你觉得以上过程较为复杂,那么这里也有现成的API使用方法:

目前我们使用比较多的就是联图的API,但是上面的方法就是使用自己的API,不会造成API失效的问题,如果你不在意这些问题的话,那么还是直接在你需要的位置使用以下调用代码即可:

<img src="http://qr.topscan.com/api.php?text=<?php the_permalink(); ?>" width="150" height="150" alt="QR 码"/>

如果有必要,其中alt后面的QR码你可以直接替换成为下面的代码即可:

<?php the_title(); ?>

替换为上面的代码是什么意思呢,说白了就是给你的二维码添加一个说明而已,我个人觉得没有什么用处,也没有看到什么实质性的功能。同样的,上面的宽度以及高度属性都是可以自己调节的。

一开始我觉得这个还是比较复杂的,但是后来实现这个功能之后,感觉整体还是比较简单的,如果使用现成的API的话,是最简单的,如果使用自己的API的话,可能操作上就有点复杂了,其实也不是很复杂,弄通了就好了。

我个人总结,使用自己的额API分为三个步骤:
1.下载并上传文件至指定位置的同时设置其属性
2.在你需要的位置添加调用代码
3.根据站点显示情况进行调整

整个文章下来,也不知道大家能不能看懂,我尽量以最简单的方式来阐述这个功能的实现方法,但是如果还有不懂的请直接留言告知吧。

关注我们 打赏 分享此文
微信扫码,关注我们
扫码,支持我
为你的WordPress站点文章添加一个二维码
支付宝(点击图片切换)
扫码,支持我
为你的WordPress站点文章添加一个二维码
微信(点击图片切换)
扫码,手机看
为你的WordPress站点文章添加一个二维码
匿名

个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

相关推荐

  • WordPress纯代码实现文章AJAX点赞

    WordPress纯代码实现文章AJAX点赞

    这个功能其实在很多主题中都集成进去了,DUX默认的主题里面也是有这个功能的,但是我将其删除了,之后换上了评星插件了,评 ...

    点击查看
  • WordPress页面(page)添加标签和分类功能

    WordPress页面(page)添加标签和分类功能

    WordPress页面(page)添加标签和分类功能 文章分类目录和标签功能是WordPress自带的功能,但是很多时候,喜欢使用页面的用 ...

    点击查看
  • 如何在WordPress文章中插入视频

    如何在WordPress文章中插入视频

    如何在WordPress文章中插入视频 现在很多站点都是做视频站点的,同时也有很多视频站点都是使用的CK播放器,如果你已经使用了 ...

    点击查看
  • 帅气小琦琦
  • 表情包
  • 楚书业
为你的WordPress站点文章添加一个二维码
4 + 2 =
  • 昵称 (必填)  
  • 邮箱 (必填)
  • 网址 (选填)
  1. 2楼
    表情包
    网站二维码相对会少些,倒是看到许多网站贴赞赏的二维码越来越多了。
    表情包 来自天朝的朋友 谷歌浏览器 Windows 8.1 浙江省绍兴市 电信 2个月前 (01-04)回复
    • 帅气小琦琦
      @表情包 添加打赏这个二维码可能有两种原因 一个就是功能上的完善 一个就是真心需要别人打赏吧
      帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通 2个月前 (01-04)回复
  2. 1楼
    楚书业
    感觉你改动了不少地方啊!
    楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省福州市 移动 1年前 (2016-01-21)回复