在WordPress文章底部增加打赏按钮

在文章底部增加打赏按钮已经变得非常普遍了,本文记录了增加微信打赏的一次体验。

具体效果可在文章底部查看,可点击打赏按钮,然后用微信扫码,输入金额,打赏成功:)欢迎大家体验一遍打赏过程,一分也是爱。

1、安装插件:微信打赏(Wechat Reward)

2、启用插件,进入插件设置界面,设置二维码图片即可。

3、在文章底部查看效果,如果未显示可尝试刷新或请缓存再试。

4、如果界面展示错乱可在插件编辑器中,选择微信打赏,修改对应的代码。

5、该插件代码文件结构:

wechat-reward.php文件中所做修改如下:

移除微信图标图片代码:

<img src="[wechat-ico]" alt="微信logo" class="ico-wechat">

修改文字提示和二维码布局顺序,并修改文字文案。

<div>微信扫一扫,赐一杯饮料</i></div>
<img src="[wechat-qrpic]" alt="微信扫一扫支付">

修改完成后记得点击底部的更新文件。

wechat-reward.css中所做修改如下:

修改.gave .code > img 样式,增加一条margin-left: 25px;


都修改完成后,如果展示效果还是不满意的话,请结合各自的网站再继续修改。

尊重原创内容,转载请注明出处
本文链接地址: https://www.awnlab.com/archives/539

为您推荐

发表评论

邮箱地址不会被公开。 必填项已用*标注