为wordpress主题文章页添加当前页面的二维码

在电脑端阅读的文章,突然想在手机端打开慢慢阅读,输入网址太麻烦,下面就来说说怎么在文章页添加当前页面的二维码。

1.在主题下的style.css文件添加

QRcode {
    position:relative;
    z-index:0
}
.QRcode:hover {
    background-color:transparent;
    z-index:50
}
.QRcode span {
    position:absolute;
    background-color:#FFFFE0;
    left:-10px;
    border:1px dashed gray;
    visibility:hidden;
    color:#000;
    text-decoration:none;
    padding:5px 5px 0;
}
.QRcode span img {
    border-width:0;
    padding:2px 2px 0;
    height:120px;
    max-width:120px;
    margin:0
}
.QRcode:hover span {
    visibility:visible;
    top:25px;
    left:30px
}

2.在主题下single.php文章页文件的对应位置添加

手机访问:扫描二维码&w=200”>,穿越到手机端继续阅读。

http://qr.liantu.com/api.php?text=是二维码接口地址。
如果站点是https的,这个二维码生成的api接口地址也必须是https的哦。
&w=200是二维码的宽度,可根据自己需要修改。

分享几个二维码的api接口
http://mobile.qq.com/qrcode?url=
https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=(德国服务器)

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容