国内更专业
计算机技术平台

WordPress给文章添加自动生成二维码功能

为wordpress文章自动生成二维码该功能实现实际很简单,直接调用自动生成二维码网站的API接口即可,再加上CSS样式即可完成。

示    例

qrcode

将下面代码添加到主题single模板的适当位置即可。

国外的:

<img src="http://api.qrserver.com/v1/create-qr-code/?size=150x150&data=<?php the_permalink(); ?>" alt="<?php the_title(); ?>"/>

国内的:

<img src="http://qr.liantu.com/api.php?w=200text=<?php the_permalink(); ?>" alt="<?php the_title(); ?>"/>

东云网的:

<img src="http://www.pydyun.com/api/qrcode/?m=3&e=L&p=4&url=<?php the_permalink();?>" alt="<?php the_title(); ?>"/>

东云API的:

<img src="https://api.pydyun.com/qrcode?content=<?php the_permalink();?>&logo=&size=100" alt="<?php the_title(); ?>"/>

使用以上代码生成的二维码还不能完全适应我们的文章,所以需要我们在img标签中添加控制长度和宽度的元素:height=”100″ width=”100″。

在正在使用的主题目录下,找到single.php,搜索“get_post_comments”,在所在行之后添加如下完整代码

注:本站已使用东云API,强烈建议使用该接口。

<!--扫描二维码-->
<span class="muted">
<i class="fa fa-qrcode"></i>
<a style="cursor : pointer;" onmouseover="document.all.qr.style.visibility=''" onmouseout="document.all.qr.style.visibility='hidden'">扫描二维码</a>
<span id="qr" style="visibility: hidden;"><img style="position:absolute;z-index:99999;" height="100" width="100" src="https://api.pydyun.com/qrcode?content=<?php the_permalink();?>&logo=&size=100" alt="<?php the_title(); ?>"/></span>
</span>

修改完成之后覆盖上传即可。

———————————————————————————————————-

另01:该功能一般与百度是否收录功能并用,故贴出两功能所有代码:

<!--文章栏目增加开始-->
<span class="muted">
<!--查询百度是否收录-->
<i class="fa fa-flag"></i>
<span class="item"><?php echo baidu_record();?></span>
<!--扫描二维码-->
<span class="muted">
<i class="fa fa-qrcode"></i>
<a style="cursor : pointer;" onmouseover="document.all.qr.style.visibility=''" onmouseout="document.all.qr.style.visibility='hidden'">扫描二维码</a>
<span id="qr" style="visibility: hidden;"><img style="position:absolute;z-index:99999;" height="100" width="100" src="https://api.pydyun.com/qrcode?content=<?php the_permalink();?>&logo=&size=100" alt="<?php the_title(); ?>"/></span>
</span>
</span>

另02:本站生成二维码的API接口:

赞(1) 打赏
未经允许不得转载:东云网 » WordPress给文章添加自动生成二维码功能

评论 抢沙发

评论前必须登录!

 

东云科技,与您偕行!

免责声明联系我们

觉得文章有用就打赏一下文章作者吧,么么哒~

支付宝扫一扫打赏

微信扫一扫打赏