WordPress网站复制弹窗美化版权提示教程分享，WordPress复制弹窗美化

许多现代网站在用户执行Ctrl+C复制操作时会显示版权提示，这种功能如何实现呢？我们可以利用JavaScript和CSS来创建一个美观的弹窗。首先，为了优化加载速度，我们将使用CDN（内容分发网络）来托管JS和CSS文件，当然，如果你有洁癖，也可以选择将它们本地化。

首先，打开你的WordPress主题的functions.php文件，然后添加以下代码：

“`php
// 添加JS弹窗美化功能
add_filter(‘the_content’, ‘add_copyright_popup’);
function add_copyright_popup() {
echo ”;
echo ”;
echo ‘document.addEventListener(“copy”, function(event) { Swal.fire({title: “复制成功！”, text: “转载请保留原文链接并注明来源，感谢合作！”, icon: “success”}); event.preventDefault(); });’;
}
add_action( ‘wp_footer’, ‘add_copyright_popup’, 100 );
“`

这段代码会向页面内容中注入SweetAlert2库的CSS和JS文件，并设置监听事件，当用户复制内容时，会触发一个成功的弹窗提示。

另外，你也可以在网页底部直接引用这些静态文件，如下所示：

“`htML

document.addEventListener(“copy”, function(event) {
Swal.fire({
title: “复制成功！”,
text: “转载请保留原文链接并注明来源，感谢合作！”,
icon: “success”
});
event.preventDefault();
});

“`

这样，每当用户尝试复制页面内容时，就会出现一个友好的提示窗口，提醒他们尊重版权。