陈德馨

为wordpress博客添加微信&支付宝打赏功能的方法

2726人参与 |分类: 站长百科|时间:2016年11月07日 14:37

我们平时上网浏览网页的时候,经常会看到有些博客已经添加了文章的打赏功能,这种模式我个人觉得还是挺好的,这样做的目的主要是给文章作者增加一种额外的收入,大家都知道作为博主(文章作者)是要经常写文章的呀,而写文章却不是一件很容易的事情,经常是需要熬夜创作,绞尽脑汁的一字一字敲打出来的,辛酸之至哪!所以看到好的文章的时候,给作者打赏一点点,是很多受到作者文章指点或者帮助后的人经常做的事情,可以说是“知恩图报”吧。

现在的wordpress博客打赏主要有两种方式,一种是支付宝,另一种就是微信。这两种方式都可以使用电脑或者使用手机扫描,就看阅读文章的人的使用习惯了。

而现在我要说的这两种支付方式的实现也是很简单的,不需要安装任何插件,只需要几句简单的代码就可以为自己的wordpress博客添加微信&支付宝打赏功能了。

在讲代码之前,博主(作者)们需要有一个自己的支付宝帐号和一个微信帐号,这样我们才能收到别人打赏的钱呀。有了这两个帐号后,还需要获取帐号的二维码。

微信收钱的二维码获取方法:

1、手机打开微信,点击右上角“+”号,点击“收付款”,进入“我要收款”页面;

2、长按二维码,点击“保存二维码到手机”,即可保存图片到手机;

3、将保存好的二维码图片上传到电脑,可以通过微信传输助手传到电脑,或者通过QQ发送到电脑的方式将图片传到电脑;

4、将二维码图片传到自己的WordPress站点:在WordPress后台的“多媒体”-”添加”,上传二维码。

5、获取二维码图片的地址。

支付宝收钱的二维码获取方法:

1、手机打开并登陆支付宝,点击右下角“我的”,看到自己的帐号后点击头像和帐号最右边的“>”;

2、点击“我的二维码”,看到自己收款的二维码图片;

3、支付宝目前不支持保存图片到手机,我们需要用手机截屏的方式来保存图片;

3、保存二维码图片后,把图片上传到电脑,用PhotoShop或者QQ影像等软件简单的把图片上下的文字切除;

4、将二维码图片传到自己的WordPress站点:在WordPress后台的“多媒体”-”添加”,上传二维码。

5、获取二维码图片的地址。

接下来就是自己自定义一下打赏功能的样式就可以了,如果只在文章页面添加了打赏的功能,所以只打开“外观”—“编辑”,找到文章页 single.php 文件,在合适的位置添加上如下代码(我的代码是加在文章末尾“分享的下方”):

<!– START .pay by weiqingdong.com –>

<div style=”text-align: center;”><strong>用<span style=”color: #339966;”>微信</span> 或 <span style=”color: #337fe5;”>支付宝</span> 扫描下方二维码</strong><strong>,为本文作者 <span style=”color:

#ff6600;”>打个赏呗。</span></strong></div>

<div align=”TEXT-ALIGN: left”><img class=”wp-image-558 size-thumbnail” src=”001.jpg” alt=”pay_weixin” width=”150″ height=”150″ /></div> <div style=”TEXT-ALIGN: left”><img class=”wp-image-558 size-thumbnail” src=”002.jpg” alt=”pay_zhifubao” width=”150″ height=”150″ /></div>

<div style=”text-align: center;”><span style=”color: #999999;”>金额随意,有心即行!</span></div>

<!– END .pay by weiqingdong.com –>

注意了,上面代码中图片的网络地址要换成自己的哦,图片的宽度和高度也可以修改的,当然提示文字也可以根据自己的需要来修改。

如果觉得这样竖排的图片太占地方,或者觉得不美观不好看不喜欢,也可以把这两张图片放成并排在一起的效果,也就是我博客里现在正在使用的一种方法。代码如下:

<!– START .pay by weiqingdong.com –>

<div style=”text-align: center;”><strong>用<span style=”color: #339966;”>微信</span> 或 <span

style=”color: #337fe5;”>支付宝</span> 扫描下方二维码</strong><strong>,为本文作者 <span style=”color:

#ff6600;”>打个赏呗。</span></strong></div>

<table><tr>

<td><img src=001.jpg width=”200″ height=”200″ /></td>

<td><img src=002.jpg width=”200″ height=”200″ /></td>

</tr></table>

<div style=”text-align: center;”><span style=”color: #999999;”>金额随意,有心即行!</span></div>

<!– END .pay by weiqingdong.com –>

同样的,大家要把图片的网络地址换成你自己的,图片的高度和宽度还有打赏提示文字都是可以按自己的需要去修改的哦。

怎么样?喜欢吧?代码已经贴出,使用方法也告诉大家了,大家赶紧去你的博客也做个打赏的功能来吧。这样一来,有人打赏了(先不说多与少),心里就会感到自己的作品已经帮到了别人,多么欣慰哪!这也是博主和作者坚持写原创作品的另一个源动力呀!

来源:陈德馨博客(微信/QQ号:35435164),转载请保留出处和链接!

地址:

必填

选填

选填

◎已有 3 人评论,请发表您的观点。

  
    
1楼下拉通刷词软件   2016-11-07 17:05:24
这个功能不错,以后自己博客也可以让人打赏了
回复
2楼松松软文发布   2016-11-08 14:39:19
涨知识了,感谢分享
回复
3楼打赏的问题   2017-05-12 09:01:39
感谢你的分享!我试过,可以用。但现在一般用手机直接阅读,长按时能扫描,但不能识别。如果长按能识别的话就能直接打赏了。因为手机是无法扫描自身的。是不是浏览器不支持,还是什么情况呢?
回复