介绍

子比主题默认的独立下载页说实话要多丑有多丑，还是得自己改改，目前市面上有两款下载页比较流行，一起分享一下吧

样式①

• 界面展示

教程

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

2.宝塔面板站点根目录/wp-content/themes/zibll/pages/download.php（把里面内容全部清掉，在复制下面代码进去）

修改40行的会员名称跟自己站点同步

WordPress后台→Zibll主题设置→全局&功能→自定义代码→自定义javascript代码（把下面代码放进去）

<!--下载页面密码复制-->
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.宝塔面板站点根目录/wp-content/themes/zibll/pages/download.php（把里面内容全部清掉，在复制下面代码进去）

30行修改VIP的名称，跟自己站点同步就好

52行修改二维码地址（先在WordPress后台上传到媒体库，再提取地址）

80行改几个边框的颜色，我都标出来了，自己改一个保存一个，刷新查看就好

感谢您的来访，获取更多精彩文章请收藏本站。