在电脑端阅读的文章,突然想在手机端打开慢慢阅读,输入网址太麻烦,下面就来说说怎么在文章页添加当前页面的二维码。
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=“#”>二维码<span><img src=“http://qr.liantu.com/api.php?text=<?php the_permalink() ?>&w=200”></span></a>,穿越到手机端继续阅读。
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=
(德国服务器)
评论0