今天偶然看到虎嗅网上线的打赏功能,又想到目前网站暂停了百度联盟广告,就突然起兴模仿了一下。相信虎嗅是参考新浪微博的文章打赏功能。
本人技术有限,没有做虎嗅那种按钮形式。我是直接在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]
截图如下
3.修改后保存上传即可。当然你也可以根据你的喜好选择将此段代码放置到何处。
4.支付宝的二维码如何生成?如果不会的朋友可以参考虎嗅网的帮助文档,因为这个太简单,我觉得没必要写,传送门:http://wwww.huxiu.com/renzheng#qr
你要是能做成虎嗅那种样式,欢迎分享
看着不错
看着不错