共计 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>
正文完