完善虎皮椒支付插件的样式

虫子君
虫子君
虫子君
687
文章
278
评论
2019年12月15日13:15:59 评论 1,014 1166字阅读3分53秒

虎皮椒这个插件,真实越用越喜欢,首先是其拥有弹窗的支付窗口,对于支付扫码支付是非常友好的,并且这个插件是自动获取浏览器的cookies激励用户数据的。另外还支持已登录用户的数据储存能力。所以不管是对于匿名支付还是实名支付,虎皮椒这个插件都能够达到我们大多数时候的需求。

前言

虽然看起来虎皮椒支付这个插件,仅仅是隐藏数据的插件,但是对于这么友好的交互方式,存在功能的局限性也是可以理解的。

完善虎皮椒支付插件的样式

今天闲着没什么事情,就将虎皮椒这个插件已付费的内容给优化了一下,毕竟默认的样式显得还是太丑了。

当然以上的代码也不是什么复杂的东西,仅仅是一个表格的。然后按钮我调用的是begin主题的,后面我会将css代码分享出来。

动手

wechat-shop-download/add-ons/download/includes/class-wshop-download.PHP

在WordPress的后台,找到你的插件编辑,依次打开上文中的路径,或者您本地编辑插件也可以。

在92行的if后面html代码,替换成虫子君给的即可。

//默认的样式
<a rel="external nofollow" target="_blank" href="https://chonzi.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9wYW4uYmFpZHUuY29t" target="_blank">百度网盘</a> 提取密码:xxxx
//替换成这个样式
<table><tr bgcolor="#f8f8f8">
<th colspan="2">文件付费下载</th>
</tr>
<tr>
<td>文件名称:</td>
<td><a href="" target="_blank"><button class="all-content">下载地址</button></a></td>
</tr>
<tr>
<td colspan="2">下载申明:下载后请登录,因为可能24小时候后cookies会失效,届时无法看到下载地址。</td>
</tr>
</table>
//css代码,粘贴到你主题的样式文件中
.all-content {
    border: 1px solid #ddd;
    color: #666;
    padding: 0 35px;
    line-height: 45px;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
transition: all .5s;
}
.all-content:hover {
    background-color: #355174;
    color: #fff;}

对应好代码,粘贴。如果找不到,可以利用notepad++这个软件,搜索代码。

使用

样式实现了以后,就要说到我们的使用了,毕竟这个是纯手动的代码,所以不是太友好,不过虫子君不会php有心无力。

完善虎皮椒支付插件的样式

这里的代码主要看其中一个内容“href”这是超链接的地址,用来粘贴你的下载地址,或者是远程路径。

不过依照以上的办法,您可以实现许多的功能,至少可以省去不少的事情了。

演示

  • 欢迎来“给我投稿”网友会因为你的帮助而感激。
  • 文章链接:https://chonzi.com/8767.html

您必须才能发表评论!