WordPress网站复制内容版权弹窗提示

这是做网站常常遇到的事情，很多朋友转载不会注明出处，复制粘贴即可，又不好直接禁止复制，所以老白博客@老白今天给大家分享一个君子教程：WordPress网站复制内容版权弹窗提示

一、效果演示

二、实现教程

2.1 普通提示版

即复制成功之后，会像本站一样，跳出提示弹窗，实现代码为在function.php文件底部添加如下代码：

// 复制版权提示文字-https://www.xcbtmw.com/14662.html
function copyright_reminder() {
?>
<script type="text/javascript">
document.body.oncopy=function(){alert('复制成功，欢迎转载！您的转载是对我最大的认同！');}
</script>
<?php
}
add_action('wp_footer','copyright_reminder');
// end 复制版权提示文字

2.2 提示+原文链接作者版

将以下代码添加至主题文件夹的header.php中即可

<script ="text/javascript">function addLink() {
var selection = window.getSelection();
pagelink = ". 原文出自[XXX] 转载请保留原文链接: " + document.location.href;
copytext = selection + pagelink;
newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
document.body.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
document.body.removeChild(newdiv);
}, 100);
}
document.oncopy = addLink;</script>