介绍：

子比Zibll主题在wordpress主题中算是UI做的比较不错的主题了，但是还是会有些人对主题想有一些自己的想法，子比可以用作CMS也可用用作资源下载类的网站，今天分享的就是下载页的美化。

效果图

复制下面代码覆盖掉download.php即可（文件路径：/wp-content/themes/zibll/pages/download.php）

JS代码（点击复制密码功能，后台主题设置 自定义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", "已复制");
    };
};