我在电脑上看的文章突然想在手机上打开慢慢看。输入网址太麻烦了。下面是如何将当前页面的二维码添加到文章页面。
教程如下：
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 文章页文件的对应位置添加
<strong>手机访问：</strong>扫描<a class="“QRcode”" href="“#”" rel="external nofollow" rel="external nofollow" >二维码<span></span></a><div align="center"><a class="“QRcode”" href="“#”" rel="external nofollow" rel="external nofollow" ></a><a data-fancybox="为wordpress主题文章页添加当前页面的二维码" href="" rel="external nofollow" ><img src="“http://qr.liantu.com/api.php?text=<?php" the_permalink()="" ?="" alt="为 wordpress 主题文章页添加当前页面的二维码-第 1 张-讯沃 blog(讯沃 blog)" title="为 wordpress 主题文章页添加当前页面的二维码-第 1 张-讯沃 blog"></a></div>&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=150×150&data=(德国服务器)
本文章已结束，如转载请注明：汇站网 » 为 wordpress 主题文章页添加当前页面二维码
