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

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

一、效果演示

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

二、实现教程

2.1 普通提示版

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

  1. // 复制版权提示文字-https://www.dzw6.com/14662.html
  2. function copyright_reminder() {
  3. ?>
  4. <script type="text/javascript">
  5. document.body.oncopy=function(){alert('复制成功,欢迎转载!您的转载是对我最大的认同!');}
  6. </script>
  7. <?php
  8. }
  9. add_action('wp_footer','copyright_reminder');
  10. // end 复制版权提示文字

2.2 提示+原文链接作者版

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

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

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    网站建设

    WordPress网站添加说说/站长动态页

    2022-2-5 10:04:21

    网站建设

    WordPress网站B2主题美化之四格广告位

    2022-2-5 10:29:21

    欢迎您,新朋友,感谢参与互动!
    🚨 小黑屋
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索