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

原创 心梦无痕  1个月前 (06-12) 281℃ 0 评论

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

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

  1. .QRcode {
  2.     position:relative;
  3.     z-index:0
  4. }
  5. .QRcode:hover {
  6.     background-color:transparent;
  7.     z-index:50
  8. }
  9. .QRcode span {
  10.     position:absolute;
  11.     background-color:#FFFFE0;
  12.     left:-10px;
  13.     border:1px dashed gray;
  14.     visibility:hidden;
  15.     color:#000;
  16.     text-decoration:none;
  17.     padding:5px 5px 0;
  18. }
  19. .QRcode span img {
  20.     border-width:0;
  21.     padding:2px 2px 0;
  22.     height:120px;
  23.     max-width:120px;
  24.     margin:0
  25. }
  26. .QRcode:hover span {
  27.     visibility:visible;
  28.     top:25px;
  29.     left:30px
  30. }

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

  1. <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=(德国服务器)

本文地址:https://www.77nn.net/1064.html
手机访问:扫描二维码,穿越到手机端继续阅读
版权声明:本文为原创文章,版权归 心梦无痕 所有,欢迎分享本文,转载请保留出处!

发表评论

登录后评论?


表情