通过代码给WordPress文章/页面添加一键复制功能

要通过代码为WordPress文章或页面添加一键复制功能，您可以使用JavaScript和HTML来实现这个功能。以下是一个简单的示例： 打开您的WordPress后台，进入需要添加复制功能的文章或页面的编辑器。 在编辑器中，将以下HTML代码插入到您想要添加复制功能的文本或内容周围的 标签中，如下所示：

<div class="copycontent">
   <! 这里是您的文章或页面内容 >
   <p>这是一些示例文本。</p>
</div>

接下来，您需要添加以下JavaScript代码到您的WordPress主题的JavaScript文件中，或者可以使用插件来添加自定义JavaScript代码：

document.addEventListener("DOMContentLoaded", function() {
   var copyButton = document.createElement("button");
   copyButton.innerHTML = "复制";
   copyButton.className = "copybutton";
 
   var copyContent = document.querySelector(".copycontent");
   copyContent.appendChild(copyButton);
 
   copyButton.addEventListener("click", function() {
      var contentToCopy = copyContent.querySelector("p"); // 根据您的实际内容结构选择合适的元素
      var tempTextArea = document.createElement("textarea");
      tempTextArea.value = contentToCopy.innerText;
      document.body.appendChild(tempTextArea);
      tempTextArea.select();
      document.execCommand("copy");
      document.body.removeChild(tempTextArea);
      alert("内容已复制到剪贴板！");
   });
});

请注意，上述代码是一个简单的示例，用于演示如何添加一键复制功能。您可能需要根据您的特定需求进行调整。确保在编辑和添加代码之前备份您的WordPress网站，以防发生意外情况。欢迎访问秀主题博客，分享简单实用WP教程