为WordPress添加捐赠代码

科研动力开博也近两年了，虽然以前添加过二维码捐赠，呵呵，可惜迄今为止未收到一笔捐赠。现在支付定的「个人收款」主页业已停止服务，但是支付宝提供了一个「转账付款」功能，可以利用这个功能进行收款。科研动力使用的是大前端的D8主题，我想把捐赠添加到导航栏，在订阅旁边，如何实现？下面是方法。说明一下，这个功能纯属兴趣，折腾而已，您可以忽略，当然捐赠一些我更是欢迎。

先看看WordPress添加捐赠的一般代码

1. <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK">
2. <input name="optEmail" type="hidden" value="你的支付宝账号" />
3. <input name="payAmount" type="hidden" value="默认的捐赠金额" />
4. <input id="title" name="title" type="hidden" value="默认显示的付款说明" />
5. <input name="memo" type="hidden" value="备注" />
6. <input name="pay" type="image" value="转账" src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" />
7. </form>

这代码不用解释也可以明白的。

集成到D8主题导航栏中

首先要对代码进行一些修改，具体修改如下。

1. <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK" class="dropdown search-form" >
2. <input name="optEmail" type="hidden" value="admin@howsci.com" />
3. <input name="payAmount" type="hidden" value="5" />
4. <input id="title" name="title" type="hidden" value="资助科研动力的发展" />
5. <input name="memo" type="hidden" value="请填写您的联系方式，以便科研动力答谢" />
6. <input name="pay" class="btn btn-warning" type="submit" value="资助博主" title="资助博主一杯咖啡都是对作者最大的鼓励！" />

现在可以把捐赠代码集成到了D8主题的导航栏中了。打开header.php，找到如下代码

1. <div class="btn-group pull-left">
2.     <button class="btn btn-primary" data-toggle="modal" data-target="#feed">订阅</button>
3.     <?php if( dopt('d_tqq_b') || dopt('d_weibo_b') || dopt('d_facebook_b') || dopt('d_twitter_b') ){ ?>
4.     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">关注 <i class="caret"></i></button>
5.     <ul class="dropdown-menu pull-right">
6.         <?php if( dopt('d_tqq_b') ) echo '<li><a href="'.dopt('d_tqq').'" target="_blank">腾讯微博</a></li>'; ?>
7.         <?php if( dopt('d_weibo_b') ) echo '<li><a href="'.dopt('d_weibo').'" target="_blank">新浪微博</a></li>'; ?>
8.         <?php if( dopt('d_facebook_b') ) echo '<li><a href="'.dopt('d_facebook').'" target="_blank">Facebook</a></li>'; ?>
9.         <?php if( dopt('d_twitter_b') ) echo '<li><a href="'.dopt('d_twitter').'" target="_blank">Twitter</a></li>'; ?>
10.     </ul>
11.     <?php } ?>

在这段代码之后把修改后的代码添加上即可，完整如下。

1.  <div class="btn-group pull-left">
2.      <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK" class="dropdown search-form" >
3.      <input name="optEmail" type="hidden" value="admin@howsci.com" />
4.      <input name="payAmount" type="hidden" value="5" />
5.      <input id="title" name="title" type="hidden" value="资助科研动力的发展" />
6.      <input name="memo" type="hidden" value="请填写您的联系方式，以便科研动力答谢" />
7.      <input name="pay" class="btn btn-warning" type="submit" value="资助博主" title="资助博主一杯咖啡都是对作者最大的鼓励！" />
8.      </form>
9.     <button class="btn btn-primary" data-toggle="modal" data-target="#feed">订阅</button>
10.     <?php if( dopt('d_tqq_b') || dopt('d_weibo_b') || dopt('d_facebook_b') || dopt('d_twitter_b') ){ ?>
11.     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">关注 <i class="caret"></i></button>
12.     <ul class="dropdown-menu pull-right">
13.         <?php if( dopt('d_tqq_b') ) echo '<li><a href="'.dopt('d_tqq').'" target="_blank">腾讯微博</a></li>'; ?>
14.         <?php if( dopt('d_weibo_b') ) echo '<li><a href="'.dopt('d_weibo').'" target="_blank">新浪微博</a></li>'; ?>
15.         <?php if( dopt('d_facebook_b') ) echo '<li><a href="'.dopt('d_facebook').'" target="_blank">Facebook</a></li>'; ?>
16.         <?php if( dopt('d_twitter_b') ) echo '<li><a href="'.dopt('d_twitter').'" target="_blank">Twitter</a></li>'; ?>
17.     </ul>
18.     <?php } ?>
20. </div>

可以看看本站的演示效果哈。