WordPress页面添加打赏按钮

综合评论3,852,559字数 250阅读0分50秒

教程非常简单,在需要添加的页面位置添加如下代码,记得更换其中的二维码地址,当然如果你想赞助我的话也是可以的。

<!-- 打赏 -->
<div id="rewardSection" style="padding: 10px 0; margin: 20px auto; width: 100%; font-size: 16px; text-align: center;"><button id="rewardButton" style="border: 1px solid #ccc; line-height: 36px; text-align: center; height: 36px; display: block; border-radius: 4px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background-color: #04be02; color: #ffffff; margin: 0 auto; padding: 0 25px;">¥ 点我显示打赏</button>
<div id="QR" style="display: none;">
<div id="wechat" style="display: inline-block; margin: 20px;"><img id="wechat_qr" style="width: 180px; max-width: 100%; display: inline-block; margin: 0.8em 2em 0 2em;" src="https://www.xrbk.cn/api/img/sk/wx.png" alt="微信二维码" />微信打赏

</div>
<div id="alipay" style="display: inline-block; margin: 20px;"><img id="alipay_qr" style="width: 180px; max-width: 100%; display: inline-block; margin: 0.8em 2em 0 2em;" src="https://www.xrbk.cn/api/img/sk/zfb.png" alt="支付宝二维码" />支付宝打赏

</div>
</div>
</div>
<script>
jQuery(document).ready(function($) {
    $('#rewardButton').click(function() {
        $('#QR').toggle();
    });
});
</script>

<!-- 打赏 -->

 文章源自小武站https://1z345.cn/小武站-https://bbs.50-0.cn/575.html 文章源自小武站https://1z345.cn/小武站-https://bbs.50-0.cn/575.html

继续阅读
2024 年 9 月 12 日,天津上空惊现巨大不明黑圈
2024 年 9 月 12 日,天津上空惊现巨大不明黑圈 综合

2024 年 9 月 12 日,天津上空惊现巨大不明黑圈

2024 年 9 月 12 日,天津上空出现巨大不明黑圈引发广泛关注。目击者称当时正走在路上,突然看到天空中有一个巨大的黑圈,像气流一样蠕动着,很大很明显,特别怪异。据了解,这个 “神秘黑圈” 实际上...
老公我错了(31集)
老公我错了(31集) 综合

老公我错了(31集)

我用夸克网盘分享了「15937-老公我错了(31集)」,点击链接即可保存。打开「夸克APP」,无需下载在线播放视频,畅享原画5倍速,支持电视投屏。链接:https://pan.quark.cn/s/0...
  • 本文由 admin 发表于 2024年8月10日 17:36:07
  • 转载请务必保留本文链接:https://bbs.50-0.cn/575.html
  • 赞赏
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定