在模板文章的页面如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>
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.修改后保存上传即可,当然你也可以根据你的喜好选择将此段代码放置到何处.
3.修改后保存上传即可,当然你也可以根据你的喜好选择将此段代码放置到何处.
希望本文所述对大家基于wordpress的程序设计有所帮助。
标签：WordPress
相关阅读 >>
wordpress中设置post type自定义文章类型的实例教程
详解xampp和wordpress在centos7上的搭建与使用
更多相关阅读请进入《wordpress》频道 >>
感谢您的支持，我会继续努力的!
扫码打赏，您说多少就多少
打开支付宝扫一扫，即可进行扫码打赏哦
分享从这里开始，精彩与您同在
相关推荐
评论
管理员已关闭评论功能...
- 欢迎访问木庄网络博客
- 可复制：代码框内的文字。
- 方法：Ctrl+C。