为WordPress添加捐赠代码

1 星2 星3 星4 星5 星 (觉着不错就给个五星呗)
  • A+
所属分类: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 } ?>
  19. </div>

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

weinxin
公众号
科研动力微信公众号,欢迎关注!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: