WordPress博客增加文章打赏功能

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

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

方法:

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

2. 找到

[php] <!– END .entry-content –> [/php]

在上行添加如下代码

[php]
<!– 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 –>
[/php]

截图如下
wppaycode

 

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

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

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

微信 OR 支付宝 扫描二维码
为本文作者 打个赏
pay_weixinpay_weixin
金额随意 快来“打”我呀~

Warning: Undefined variable $post_id in E:\home\LocalUser\583739\www\wp-content\themes\classPlus\single.php on line 85
【声明】本文为andy原创,转载请注明出自Andypm.com
并保留本文有效链接:WordPress博客增加文章打赏功能 , 转载请保留本声明!