为文章加上版权提示，防止文章被恶意复制

目录 Wordpress相关2022年11月2日

相信一些WordPress博主辛苦写的文章被别人随意就转载去了，有的还不保留文章原URL地址的站长，这让不少博主很气愤。对于博主们遇到的文章被恶意复制、抄袭、转载的现象，我们可以通过一些代码实现保护的功能。

版权提示

文章的内容可以复制，但复制后会弹出版权提示，是一种较好处理方法，既能提高读者版权意识又不太影响用户体验。

Javascript代码，添加到html中即可实现。

  1. <script type="text/javascript">
  2. document.body.oncopy=function(){alert('复制成功！本站文章皆为原创，未经允许禁止转载或抄袭，若要转载请务必保留原文链接谢谢合作！');}
  3. </script>  
效果如图所示

php代码，添加到wordpress主题functions.php中即可实现

  1. function copyright_reminder() {   
  2.  ?>   
  3. <script type="text/javascript">
  4. document.body.oncopy=function(){alert('复制成功！本站文章皆为原创，未经允许禁止转载或抄袭，若要转载请务必保留原文链接谢谢合作！');}
  5. </script>   
  6. <?php   
  7. }   
  8. add_action('wp_footer','copyright_reminder');  

复制附带文章链接

复制文章内容后网页不会弹出版权提示，但是会自动把文章链接加到复制的内容后面。

Javascript代码

  1. <script type='text/javascript'>   
  2. function addLink() {
  3. var body_element = document.getElementsByTagName('body')[0];
  4. var selection;
  5. selection = window.getSelection();   
  6. var pagelink = "<br /><br /> 转载请注明来源: <a href='"+document.location.href+"'>"+document.location.href+"</a>";
  7. var copy_text = selection + pagelink;
  8. var new_div = document.createElement('div');   
  9. new_div.style.left='-99999px';   
  10. new_div.style.position='absolute';   
  11. body_element.appendChild(new_div );   
  12. new_div.innerHTML = copy_text ;   
  13. selection.selectAllChildren(new_div );   
  14. window.setTimeout(function() {
  15. body_element.removeChild(new_div );   
  16. },0);   
  17. }   
  18. document.oncopy = addLink;   
  19. </script>  

php代码，添加到wordpress主题functions.php中

  1. function add_copyright_text() { ?>  
  2. <script type='text/javascript'>   
  3. function addLink() {
  4. var body_element = document.getElementsByTagName('body')[0];
  5. var selection;
  6. selection = window.getSelection();   
  7. var pagelink = "<br /><br /> 转载请注明来源: <a href='"+document.location.href+"'>"+document.location.href+"</a>";
  8. var copy_text = selection + pagelink;
  9. var new_div = document.createElement('div');   
  10. new_div.style.left='-99999px';   
  11. new_div.style.position='absolute';   
  12. body_element.appendChild(new_div );   
  13. new_div.innerHTML = copy_text ;   
  14. selection.selectAllChildren(new_div );   
  15. window.setTimeout(function() {
  16. body_element.removeChild(new_div );   
  17. },0);   
  18. }   
  19. document.oncopy = addLink;   
  20. </script>  
  21. <?php   
  22. }   
  23. add_action( 'wp_footer', 'add_copyright_text');  
效果如图所示

禁止复制

复制失效

可以选择复制但是没有任何内容，复制失去效果。

方法一：在body标签中加入oncopy="return false"标记即可，即：

  1. <body oncopy = "return false">  

方法二：Javascrpt代码，在网页中加入如下js代码，复制文章会失效

  1. <script type="text/javascript">   
  2. document.oncopy = function(){    
  3. return false;    
  4. };   
  5. </script>  

复制后弹出提示可以使用如下代码：

  1. <script type="text/javascript">   
  2. document.oncopy = function(){    
  3. alert("本站文章禁止复制转载，谢谢合作！");
  4. return false;    
  5. };   
  6. </script>  

禁止选择

方法一：代码加入到css文件中，文章内容无法选择。

  1. body {   
  2. -moz-user-select: none;
  3. -webkit-user-select: none；
  4. user-select: none;
  5. }  

方法二：Javascript代码

  1. <script type="text/javascript">   
  2. document.onselectstart = function(){    
  3. return false;    
  4. };   
  5. </script>  

其他禁止选项

禁止鼠标右键

  1. <script type="text/javascript">   
  2. document.oncontextmenu = function(){    
  3. return false;    
  4. };   
  5. </script>  

禁止复制粘贴

  1. <script type="text/javascript">      
  2. document.oncut = function(){ return false; };  //禁止剪切
  3. document.onpaste = function(){ return false; };  //禁止粘贴
  4. </script>    

1 条评论

  • owen 来自天朝的朋友 Google Chrome Windows 福建省福州市 联通
    2018年2月9日 17:10

    好文章，已转载，谢谢博主付出 :guai:

发表评论