为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>

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

  • 本博客文章如未特别说明,皆为本站原创,默认采用署名-相同方式共享 4.0 国际协议
  • 相关文章

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注