为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 文章页文件的对应位置添加

<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 主题文章页添加当前页面二维码