WordPress博客增加文章打赏功能




今天偶然看到虎嗅网上线的打赏功能,又想到目前网站暂停了百度联盟广告,就突然起兴模仿了一下。相信虎嗅是参考新浪微博的文章打赏功能。

本人技术有限,没有做虎嗅那种按钮形式。我是直接在WordPress模板中添加代码,一劳永逸,这样就不用每次写文章都要粘贴复制一遍代码。本文的同时显示微信支付和支付宝的二维码,虎嗅只显示一种支付码,相信不是所有人都用微信支付或支付宝吧,所以多一种选择多一个收入渠道。不过这适用于像我这种全站只是我一个人写文章的。样式参考文章正文内容下方。

方法:

1. 修改相应风格模板的single.php 文件

2. 找到

 <!-- END .entry-content --> 

在上行添加如下代码

<!-- START .pay by andypm.com -->
<div style="text-align: center;"><strong>用<span style="color: #339966;">微信</span> OR <span style="color: #337fe5;">支付宝</span> 扫描二维码</strong></div>
<div style="text-align: center;"><strong>为本文作者 <span style="color: #ff6600;">打个赏</span></strong></div>
<div align="center"><img class="wp-image-558 size-thumbnail" src="微信二维码图片地址" alt="pay_weixin" width="150" height="150" /><img class="wp-image-558 size-thumbnail" src="支付宝二维码地址" alt="pay_weixin" width="150" height="150" /></div>
<div style="text-align: center;"><span style="color: #999999;">金额随意 快来“打”我呀~</span></div>
<!-- END .pay by andypm.com -->

截图如下
wppaycode

 

3.修改后保存上传即可。当然你也可以根据你的喜好选择将此段代码放置到何处。

4.支付宝的二维码如何生成?如果不会的朋友可以参考虎嗅网的帮助文档,因为这个太简单,我觉得没必要写,传送门:http://wwww.huxiu.com/renzheng#qr

你要是能做成虎嗅那种样式,欢迎分享



微信 OR 支付宝 扫描二维码
为本文作者 打个赏
pay_weixinpay_weixin
金额随意 快来“打”我呀~
【声明】本文为andy原创,转载请注明出自Andypm.com
并保留本文有效链接:WordPress博客增加文章打赏功能 , 转载请保留本声明!