Zibll子比主题美化 两款精美独立下载页面美化

jaysun

文章最后更新时间:2023年01月17日

本站之前分享过子比的独立下载页美化,今天再跟大家分享两款精美的独立下载页美化,其中一款需要下载附件上传修改文件,另一款只需要修改相关代码即可,大家根据自己的需要下载。

独立下载页1

效果图:

1.png

使用教程:

下载文件覆盖掉download.php即可文件路径:/wp-content/themes/zibll/pages/download.php,更新前记得备份!记得备份!记得备份!不然就没后悔药吃了!

注意:下载文件在文章底部


JS代码(点击复制密码功能,单独的)

<!--下载页面密码复制-->
if(document.querySelectorAll(".but-download .badg")!=undefined){
    const reg = /[a-zA-z0-9]/ig;
    const copy = document.querySelectorAll(".but-download .badg");
    for (let i = 0; i < copy.length; i++) {
      copy[i].index = i;
      copy[i].setAttribute("data-toggle", "tooltip");
      copy[i].setAttribute("data-original-title", "点击复制");
      copy[i].addEventListener("click", copyOperation);
    };
    function copyOperation() {
      var oInput = document.createElement("input");
      let text = this.innerText;
      text = text.match(reg).join("");
      oInput.value = text;
      document.body.appendChild(oInput);
      oInput.select();
      document.execCommand("Copy");
      oInput.className = "oInput";
      oInput.style.display = "none";
      this.setAttribute("data-original-title", "已复制");
    };
};

这里再套个点击复制密码功能吧!


独立下载页2

效果图:

2.png

使用教程

1.首先到 网站后台 zibll主题设置里 商城&付费 商品销售 商品设置 付费下载 独立下载页面 选择开

3.png

2.打开你的服务器,打开你的网站根目录/wp-content/themes/zibll/pages/download.php文件

3.找到第116行上下,将下列代码放到

<?php ?>
            <?php endwhile; ?>

            代码放我这里

            </div>

4.代码:

VIP专属内容
本站VIP 免费查看
开通会员
开通本站VIP可查看该内容
该内容VIP会员可见,您未登录,请先登录


5.修改文字并保存即可

5.png



附件
Zibll子比独立下载页-适配黑夜模式
17.4 K
蓝奏云
****(需购买后查看)
下载文件
附件购买
售价:2 积分
白银VIP 免费下载
开通会员
开通白银VIP或更高级的会员可免费下载该文件

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (暂无评论,134人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码