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

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

独立下载页1

效果图：

使用教程：

下载文件覆盖掉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

效果图：

使用教程

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

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

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

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

            代码放我这里

            </div>

4.代码和文件下载地址：

5.修改文字并保存即可