科研动力开博也近两年了,虽然以前添加过二维码捐赠,呵呵,可惜迄今为止未收到一笔捐赠。现在支付定的「个人收款」主页业已停止服务,但是支付宝提供了一个「转账付款」功能,可以利用这个功能进行收款。科研动力使用的是大前端的D8主题,我想把捐赠添加到导航栏,在订阅旁边,如何实现?下面是方法。说明一下,这个功能纯属兴趣,折腾而已,您可以忽略,当然捐赠一些我更是欢迎。
先看看WordPress添加捐赠的一般代码
- <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK">
- <input name="optEmail" type="hidden" value="你的支付宝账号" />
- <input name="payAmount" type="hidden" value="默认的捐赠金额" />
- <input id="title" name="title" type="hidden" value="默认显示的付款说明" />
- <input name="memo" type="hidden" value="备注" />
- <input name="pay" type="image" value="转账" src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" />
- </form>
这代码不用解释也可以明白的。
集成到D8主题导航栏中
首先要对代码进行一些修改,具体修改如下。
- <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK" class="dropdown search-form" >
- <input name="optEmail" type="hidden" value="admin@howsci.com" />
- <input name="payAmount" type="hidden" value="5" />
- <input id="title" name="title" type="hidden" value="资助科研动力的发展" />
- <input name="memo" type="hidden" value="请填写您的联系方式,以便科研动力答谢" />
- <input name="pay" class="btn btn-warning" type="submit" value="资助博主" title="资助博主一杯咖啡都是对作者最大的鼓励!" />
现在可以把捐赠代码集成到了D8主题的导航栏中了。打开header.php,找到如下代码
- <div class="btn-group pull-left">
- <button class="btn btn-primary" data-toggle="modal" data-target="#feed">订阅</button>
- <?php if( dopt('d_tqq_b') || dopt('d_weibo_b') || dopt('d_facebook_b') || dopt('d_twitter_b') ){ ?>
- <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">关注 <i class="caret"></i></button>
- <ul class="dropdown-menu pull-right">
- <?php if( dopt('d_tqq_b') ) echo '<li><a href="'.dopt('d_tqq').'" target="_blank">腾讯微博</a></li>'; ?>
- <?php if( dopt('d_weibo_b') ) echo '<li><a href="'.dopt('d_weibo').'" target="_blank">新浪微博</a></li>'; ?>
- <?php if( dopt('d_facebook_b') ) echo '<li><a href="'.dopt('d_facebook').'" target="_blank">Facebook</a></li>'; ?>
- <?php if( dopt('d_twitter_b') ) echo '<li><a href="'.dopt('d_twitter').'" target="_blank">Twitter</a></li>'; ?>
- </ul>
- <?php } ?>
在这段代码之后把修改后的代码添加上即可,完整如下。
- <div class="btn-group pull-left">
- <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK" class="dropdown search-form" >
- <input name="optEmail" type="hidden" value="admin@howsci.com" />
- <input name="payAmount" type="hidden" value="5" />
- <input id="title" name="title" type="hidden" value="资助科研动力的发展" />
- <input name="memo" type="hidden" value="请填写您的联系方式,以便科研动力答谢" />
- <input name="pay" class="btn btn-warning" type="submit" value="资助博主" title="资助博主一杯咖啡都是对作者最大的鼓励!" />
- </form>
- <button class="btn btn-primary" data-toggle="modal" data-target="#feed">订阅</button>
- <?php if( dopt('d_tqq_b') || dopt('d_weibo_b') || dopt('d_facebook_b') || dopt('d_twitter_b') ){ ?>
- <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">关注 <i class="caret"></i></button>
- <ul class="dropdown-menu pull-right">
- <?php if( dopt('d_tqq_b') ) echo '<li><a href="'.dopt('d_tqq').'" target="_blank">腾讯微博</a></li>'; ?>
- <?php if( dopt('d_weibo_b') ) echo '<li><a href="'.dopt('d_weibo').'" target="_blank">新浪微博</a></li>'; ?>
- <?php if( dopt('d_facebook_b') ) echo '<li><a href="'.dopt('d_facebook').'" target="_blank">Facebook</a></li>'; ?>
- <?php if( dopt('d_twitter_b') ) echo '<li><a href="'.dopt('d_twitter').'" target="_blank">Twitter</a></li>'; ?>
- </ul>
- <?php } ?>
- </div>
可以看看本站的演示效果哈。