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

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

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

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

[qgg_cyan]示例[/qgg_cyan]

将下面代码添加到主题 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(); ?>"/>

<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>