WordPress添加打赏(乞讨)功能并不麻烦，这是因为现在微信和支付宝都提供二维码收款功能，只需把相对应的二维码图片放到网站某一位置，扫一扫二维码就可以收钱。近几天网站访问量同样是处于上涨态势，那有必要为自己网站加个打赏功能，追一下内容付费的潮流。好了话不多说，方法如下所示。下面是网络上找到的实践
本文是《wordpress（共168篇）》专题的第 119 篇。阅读本文前，建议先阅读前面的文章：
WordPress添加打赏(乞讨)功能并不麻烦，这是因为现在微信和支付宝都提供二维码收款功能，只需把相对应的二维码图片放到网站某一位置，扫一扫二维码就可以收钱。近几天网站访问量同样是处于上涨态势，那有必要为自己网站加个打赏功能，追一下内容付费的潮流。好了话不多说，方法如下所示。
下面是网络上找到的实践方式与相对应代码。
- functions.php,在最后面空白处添加代码如下所示：
1
2
3
4
5
6
7
8
9
10
11
12
13//打赏
function orwei_ds_alipay_wechat(){
echo‘<section class="to-tip">
<div class="inner">
<div class="top-tip-shap">
<a>赏<span class="code">
<img alt="" src="https://www.yuzyun.top/wp-content/uploads/2018/08/shang.png">
</span></a>
<p>这篇文章对我有帮助，打赏犒劳下作者吧〜</p>
</div>
</div>
</section>’;
}需注意，这里只用到一个图片，图片是在ps中，制作而成了微信二维码和支付宝二维码。
- 将此功能添加至文章内容页面single.php，一行代码就可以。
1 <?php echo orwei_ds_alipay_wechat();?> 如参考文章所示，通常此代码是加在
1 <?php the_content();?> 后边，你还可以选择其它位置。
- 样式，style.css中添加打赏的样式，可以自己更改优化。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74@media(max-width:800px){
.to-tip{display:none!important}
}
.to-tip{
background:#fff;
text-align:center
}
.to-tip.inner{
display:inline-block;
margin-bottom:40px;
}
.to-tip.top-tip-shap{
border-radius:100%
}
.to-tipa{
display:block;
width:75px;
height:75px;
border:1pxsolid#eee;
border-radius:100%;
line-height:75px;
color:#FFF;
font-size:32px;
font-weight:bold;
background:#ff9800;
position:relative;margin:0auto;
}
.to-tipa:hover.code{
display:block
}
.to-tipdiv{
color:#666;
margin-top:4px
}
.to-tip.code{
position:absolute;
padding:20px;
border:1pxsolid#e6e6e6;
background-color:#fff;
line-height:14px;
width:360px;
height:224px;
top:-200px;
left:50%;
-webkit-transform:translate3d(-50%,0,0);
transform:translate3d(-50%,0,0);
display:none
}
.to-tip.code:before,.to-tip.code:after{
position:absolute;
content:””;
border:10pxsolidtransparent
}
.to-tip.code:before{
border-top-color:#e6e6e6;
left:50%;
margin-left:-10px;
bottom:-20px
}
.to-tip.code:after{
border-top-color:#fff;
left:50%;
margin-left:-10px;
bottom:-19px
}
.to-tip.codeimg{
width:360px;
height:223px
}
.to-tip.codeb{
color:#333;
font-size:12px;
font-weight:normal
}
您已阅读完《wordpress（共168篇）》专题的第 119 篇。请继续阅读该专题下面的文章：
购买必读
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
