如何给WordPress添加一个复制文本的按钮呢？要求用户在复制成功后，将按钮的文本更改为“已复制”！

我们可以使用以下JS代码即可实现一个简单的复制按钮！

JavaScript代码

如果你的WordPress网站用的是Zibll子比主题，那么，可以在网站管理后台 [Zibll主题设置] - [全局&功能] - [自定义代码] - [自定义javascript代码]，把下面的 css 代码复制粘贴到里面即可。

其他主题的话，可以在你的主题目录下的 footer.php 文件中添加下面的css代码：

PS：这段代码会在页面加载完成后寻找id为”copyButton”和”idToCopy”的元素，将点击事件添加到按钮上。点击按钮时，它将选中指定的div元素，将其内容复制到剪贴板中，并清除选区。在复制成功后，它将按钮的文本更改为“已复制”，并使用setTimeout函数在1秒后将其更改回“复制”文本。您可以根据需要调整延迟时间。请注意，此代码仅在现代浏览器中受支持。

然后，在文章文本内添加以下格式HTML代码即可：

<div id="textToCopy">要复制的内容</div>
<button id="copyButton">复制</button>

功能演示

演示复制我的博客地址：

复制