远方的海
远方的海,WordPress,免费
2014 Aug 10 21 : 33

WordPress 非插件添加当前页面/文章的微信分享二维码

您当前的位置: 首页 > WordPress > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

微信作为自媒体是越来越火,将Wordpress和微信结合,发文章到微信在朋友圈内的传递速度是一种不能忽视的能量。昨天我发了一篇文章,叫《微信朋友圈小游戏打企鹅的技巧攻略》,一觉起来发现这篇文章被浏览了1,500余次,觉得有必要给自己的Wordpress博客弄一个分享微信二维码的东西。

下面是本站某片文章的二维码样式的效果,如果你想看看到底如何,可以用微信扫一扫试试!

Wordpress 非插件添加当前页面/文章的微信分享二维码

工具/网站推荐

关于微信二维码的图片,我找到了两个网站可以生成:

  • 连图二维码在线生成:点击前往
  • 连图生成的图片链接形式为:
    http://qr.liantu.com/api.php?text=这里写需要生成的页面链接

    例如:http://qr.liantu.com/api.php?text=http://www.seavia.com

  • 加网微信分享代码:点击前往
  • 加网生成的图片链接形式为:
    http://s.jiathis.com/qrcode.php?url=这里写需要生成的页面链接

    例如:http://s.jiathis.com/qrcode.php?url=http://www.seavia.com

实现代码

在Wordpress后台的外观-小工具里面,选择文本,在文本里面加上如下代码:这里使用的连图的图片链接,当然你也可以试试加网的~

打开微信,使用扫一扫来浏览当前页面就可以分享给朋友圈的好友哦!<script>document.write('<img src="//qr.liantu.com/api.php?w=120&m=0&text='+window.location.href+'" alt="qr" />');</script>

居中样式

如果需要美化二维码图片居中,可以在样式表style.css中添加以下代码,然后再把图片样式设置成居中即可:

.widget .aligncenter{margin:0 auto; display:block;}

好了,快来试试酷炫的二维码吧!!

好文!分享给朋友,或者点个赞吧~

文章信息

分类:WordPress

您可能也会喜欢

发表回复

Post Comment


  1. 园子大魔王 :

    我想直接调用你的接口,不会介意吧!!!~~~~

    2016-2-11
    • Sven水神 :

      @园子大魔王 我介意啊,我的是SSL的。消耗资源多。你可以用张戈的,他开放给大家。

      2016-2-11
  2. ScottJu :

    终于会了 人太笨了。

    2015-10-30
  3. ScottJu :

    扫一扫浏览当前页面就可以分享给好友document.write(”); 包对了吗?

    2015-10-30
  4. ScottJu :

    二维码不居中哇~

    2015-10-30
    • sven水神 :

      @ScottJu 文章中给了css,其对应的结构,把代码里面的img标签加上class=”aligncenter” 即可。

      2015-10-30