WordPress免插件代码版给文章添加自动生成二维码功能

577次阅读
没有评论

共计 1308 个字符,预计需要花费 4 分钟才能阅读完成。

提醒:本文最后更新于 2021-03-30 17:33,文中所关联的信息可能已发生改变,请知悉!

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

[qgg_cyan]示例[/qgg_cyan]

WordPress 免插件代码版给文章添加自动生成二维码功能

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

1、Goqr.Me,国外一家专业的二维码在线生成网站,API 接口调用代码如下:

<img src="http://api.qrserver.com/v1/create-qr-code/?size=150x150&data=<?php the_permalink(); ?>" alt="<?php the_title(); ?>"/>
2、联图网(liantu.com), 国内一家基于 http 协议的免费二维码开放平台,API 接口调用代码如下:
<img src="http://qr.liantu.com/api.php?w=200text=<?php the_permalink(); ?>" alt="<?php the_title(); ?>"/>

3、Google Chart API,谷歌 的产品就不用多说了吧,API 接口调用代码如下:

<img src="http://chart.apis.google.com/chart?cht=qr&chld=|0&choe=UTF-8&chs=150x150&chl=<?php the_permalink(); ?>" alt="<?php the_title(); ?>"/>

使用上面的代码可以在所有文章页面指定位置生成二维码图片,包括已发布的文章页面。API 接口的调用不一定非要放在文章页面中,完全可以根据需要为调用代码设置指定参数,在网站所需要的任何位置生成二维码图片。

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

本站使用的是 dux 主题,在正在使用的主题目录下,找到 single.php,搜索

<span class="item"><?php edit_post_link('[编辑]'); ?></span>

在所在行之前添加如下 完整代码:

<!-- 扫描二维码 --> <span class="item"><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.qrserver.com/v1/create-qr-code/?size=150x150&data==<?php the_permalink(); ?>"alt="<?php the_title(); ?>"/></span></span>
修改完成之后覆盖上传即可。
正文完
 0
水东柳
版权声明:本站原创文章,由 水东柳 于2019-05-14发表,共计1308字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)