1. 陈健豪博客首页
  2. WordPress

网站内容被复制时弹出版权信息

站长们在为了保护自己网站的原创内容时也是想尽了各种办法,本文教给大家带来一个小技巧,在WordPress中加入复制文章内容时弹出版权提示,提醒转载注明文章出处,虽然不能起到禁止复制内容,但也有效提醒了文章的版权问题。

效果展示

先来看一下效果:

复制提醒版权信息
复制提醒版权信息

实现方法

效果实现方法:把下方代码复制到当前主题模板函数functions.php文件中即可。

如何修改模板函数文件?推荐阅读:《如何在后台修改WordPress主题文件?

//提醒转载注明文章出处
function zm_copyright_tips() {
 echo '<link rel="stylesheet" type="text/css" target="_blank" href="https://chenjianhao.com/file/css/sweetalert.min.css">';
 echo '<script src="https://chenjianhao.com/file/js/sweetalert.min.js"></script>';
 echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!!","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

具体操作步骤如下:

  1. 选择左侧菜单中“外观”中的“编辑”
  2. 右上角选择要编辑的主题
  3. 选中functions.php文件
  4. 在该文件最低下加入上面的代码即可
  5. 最后点击下面的更新文件进行保存

代码中的两个文件:

https://chenjianhao.com/file/css/sweetalert.min.css

https://chenjianhao.com/file/js/sweetalert.min.js

是可以自己下载下来的,放到对应的目录下,然后代码中修改路径即可。

不懂怎么操作的小伙伴可以看下面图片的步骤↓↓↓(点击图片可放大查看)

修改主题模板函数functions.php文件

完成以上操作后刷新页面即可激活该功能,这样在复制内容的时候就会弹出一个提醒框,有效的提醒文章内容版权信息。

当然,如果你认为加载JS和CSS会导致网站加载速度变慢的话,这里有一篇免JS和CSS的教程《网站内容被复制时弹出版权信息(精简版)》,希望能帮助各位。

版权声明:本文为博主原创文章,遵循 CC BY-NC-SA 4.0 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://chenjianhao.com/1.html

发表评论

登录后才能评论