对于版权,现在大家的意识都非常好,不过很多网站为了维护版权,在别人复制该网站内容的时候,会弹出诸如“若要转载请务必保留原文链接,申明来源,谢谢合作!”之类的提示语!最近看到一款弹窗效果不错,下面介绍两种不同的集成方法,不过他们涉及到的代码其实都是一样的,只是一个更加灵活,便于管理,另一个相对比较死一些。
第一种:便于管理式
这种方法需要根据自己的主题做适当调整,如果你实在不会,请看第二种。
首先:打开inc/options/begin-options.php
文件,在适当位置添加:
- $options[] = array(
- 'name' => '',
- 'desc' => '复制提示',
- 'id' => 'copy_tips',
- 'std' => '0',
- 'type' => 'checkbox'
- );
- $options[] = array(
- 'id' => 'clear'
- );
我加在了主题选项
→基本设置
里,添加后就可以在对应位置看到这个选项了。(知更鸟新版主题已经集成此功能,而且位置也正是主题选项
→基本设置
里)
然后:打开inc/call.php
文件,在适当位置添加代码
- if (zm_get_option('copy_tips')) {add_action( 'wp_footer', 'zm_copyright_tips', 100 );}
最后:打开inc/inc.php
文件,在适当位置添加:
- // 复制提示
- function zm_copyright_tips() {
- echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
- }
保存后,开启该选项即可,效果如下:
第二种:简单粗暴式
这种方法理论上能用在各种不同主题上。
直接复制下面的代码到functions.php
文件中保存即可。
- function zm_copyright_tips() {
- echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
- }
- add_action( 'wp_footer', 'zm_copyright_tips', 100 );
两种方法比较
对比上面两种方法,其实他们的核心代码都是一样的。不同的是,第一种方法多了一个自由开关的功能,这样比较灵活,管理上也更加方便,想要开启的时候就开启,不想开启的时候就关闭。而第二种方法相对比较简单,如果不想开启的时候就需要在对应的文件中找到相关代码,然后注释或删除掉。
版权提示的另一种效果
上面的两种方法用的都是同一个代码,他们的效果其实是同一个效果。这里再附一个美化版的版权提示代码:
-
- function zm_copyright_tips() {
- echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.wangxiaoyou.com/go.php?url=https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
- echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.JS"></script>';
- echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
- }
- add_action( 'wp_footer', 'zm_copyright_tips', 100 );
效果图:
由于这种方法外链了两个公共库文件,因此理论上来说加载会慢一丢丢,不过应该不明显啦。建议大家在下面下载sweetalert.min.JS和sweetalert.css两个文件分别上传到自己主题的JS和css目录下面,把这两个地址改成本地路径,然后替换上述代码中的2个文件地址。
注意:代码添加OK之后注意刷新网站缓存,有的站点可能有缓存,导致没有效果。
- 我的微信
- 微信扫一扫
-
- 我的微博
- 微博扫一扫
-
评论