WordPress添加打赏(乞讨)功能并不麻烦，这是因为现在微信和支付宝都提供二维码收款功能，只需把相对应的二维码图片放到网站某一位置，扫一扫二维码就可以收钱。近几天网站访问量同样是处于上涨态势，那有必要为自己网站加个打赏功能，追一下内容付费的潮流。好了话不多说，方法如下所示。

下面是网络上找到的实践方式与相对应代码。

1. 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中，制作而成了微信二维码和支付宝二维码。

2. 将此功能添加至文章内容页面single.php，一行代码就可以。
   

   1	<?php echo orwei_ds_alipay_wechat();?>

   如参考文章所示，通常此代码是加在

   1	<?php the_content();?>

   后边，你还可以选择其它位置。

3. 样式，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 }