如果你更喜欢自己编写代码,可以尝试以下方式:
获取支付宝、微信支付等平台提供的收款二维码,并将其转换为base64编码格式,这样可以直接嵌入HTML中。
创建或编辑你想要显示打赏按钮的文章模板(如single.php);
在文章底部或其他合适的位置添加如下HTML代码:
<div style="text-align:center;">
<button onclick="showPayQrCode('alipay')">支付宝</button>
<button onclick="showPayQrCode('wechat')">微信支付</button>
<img id="pay-qr-code" src="" alt="打赏二维码" style="display:none; max-width: 100%; height:auto;">
</div>
<script type="text/javascript">
function showPayQrCode(platform) {
var qrCodes = {
alipay: '这里是你的支付宝base64编码后的二维码',
wechat: '这里是你的微信支付base64编码后的二维码'
};
document.getElementById('pay-qr-code').src = 'data:image/png;base64,' + qrCodes[platform];
document.getElementById('pay-qr-code').style.display = 'block';
}
</script>