WORDPRESS文章中微信打赏功能的2种实现方法


当前第2页 返回上一页

在模板文章的页面如footer.php中添加如下js:

代码如下:
<script type="text/javascript">
document.getElementById('gave').onmouseover = function() {
document.getElementById('wechatCode').style.display = 'block';
}
document.getElementById('gave').onmouseout = function() {
document.getElementById('wechatCode').style.display = 'none';
}
</script>

这样就OK了。

别忘了把微信支付二维码替换成自己的哦。

其实更好的方式是做成WordPress插件的形式,没时间折腾,有空可以构想一下用插件实现,这样可以方便大家直接安装了。

方法二、超级简单就像文章下面所说没技术就这样来设置。

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

方法:

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

2.找到

代码 1  <!-- END .entry-content -->

在上行添加如下代码:


代码如下:
<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>
3.修改后保存上传即可,当然你也可以根据你的喜好选择将此段代码放置到何处.

希望本文所述对大家基于wordpress的程序设计有所帮助。


标签:WordPress

返回前面的内容

相关阅读 >>

wordpress修改某篇文章id(把id为148的改成147)的sql语句

wordpress开发之插件开发初识(wordpress插件开发基础)

wordpress主题支持自定义菜单及修改css样式实现方法

wordpress后台中的侧边栏添加菜单或子菜单的方法

wordpress迁移后图片地址错误问题的解决方法

wordpress免登录发布接口,支持所有wordpress版本

wordpress给文章生成二维码的方法

wordpress在iis下伪静态后子目录无法访问的解决方法

详解wordpress中简码格式标签编写的基本方法

2015年免费wordpress主题推荐(国内精选)

更多相关阅读请进入《wordpress》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...