复制文章提示“保留链接”版权弹窗通用版代码 – WordPress美化

王小优
王小优
王小优
231
文章
0
评论
2015年7月4日
评论
12,892 1905字阅读6分21秒

对于版权,现在大家的意识都非常好,不过很多网站为了维护版权,在别人复制该网站内容的时候,会弹出诸如“若要转载请务必保留原文链接,申明来源,谢谢合作!”之类的提示语!最近看到一款弹窗效果不错,下面介绍两种不同的集成方法,不过他们涉及到的代码其实都是一样的,只是一个更加灵活,便于管理,另一个相对比较死一些。

复制文章提示“保留链接”版权弹窗通用版代码 – WordPress美化

第一种:便于管理式

这种方法需要根据自己的主题做适当调整,如果你实在不会,请看第二种。

首先:打开inc/options/begin-options.php文件,在适当位置添加:

  1. $options[] = array(
  2.     'name' => '',
  3.     'desc' => '复制提示',
  4.     'id' => 'copy_tips',
  5.     'std' => '0',
  6.     'type' => 'checkbox'
  7. );
  8. $options[] = array(
  9.     'id' => 'clear'
  10. );

我加在了主题选项基本设置里,添加后就可以在对应位置看到这个选项了。(知更鸟新版主题已经集成此功能,而且位置也正是主题选项基本设置里)

然后:打开inc/call.php文件,在适当位置添加代码

  1. if (zm_get_option('copy_tips')) {add_action( 'wp_footer', 'zm_copyright_tips', 100 );}

最后:打开inc/inc.php文件,在适当位置添加:

  1. // 复制提示
  2. function zm_copyright_tips() {
  3.     echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
  4. }

保存后,开启该选项即可,效果如下:

复制文章提示“保留链接”版权弹窗通用版代码 – WordPress美化

第二种:简单粗暴式

这种方法理论上能用在各种不同主题上。

直接复制下面的代码到functions.php文件中保存即可。

  1. function zm_copyright_tips() {
  2.     echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
  3. }
  4. add_action( 'wp_footer', 'zm_copyright_tips', 100 );

两种方法比较

对比上面两种方法,其实他们的核心代码都是一样的。不同的是,第一种方法多了一个自由开关的功能,这样比较灵活,管理上也更加方便,想要开启的时候就开启,不想开启的时候就关闭。而第二种方法相对比较简单,如果不想开启的时候就需要在对应的文件中找到相关代码,然后注释或删除掉。

版权提示的另一种效果

上面的两种方法用的都是同一个代码,他们的效果其实是同一个效果。这里再附一个美化版的版权提示代码:

    1. function zm_copyright_tips() {
  1.  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" >';
  2.  echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.JS"></script>';
  3.  echo '<script>document.body.oncopy = function() { swal("复制成功!""转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
  4. }
  5. add_action( 'wp_footer', 'zm_copyright_tips', 100 );

效果图:

复制文章提示“保留链接”版权弹窗通用版代码 – WordPress美化

由于这种方法外链了两个公共库文件,因此理论上来说加载会慢一丢丢,不过应该不明显啦。建议大家在下面下载sweetalert.min.JSsweetalert.css两个文件分别上传到自己主题的JS和css目录下面,把这两个地址改成本地路径,然后替换上述代码中的2个文件地址。

注意:代码添加OK之后注意刷新网站缓存,有的站点可能有缓存,导致没有效果。

下载信息 文件名称:复制文章提示“保留链接”版权弹窗通用版代码 应用平台:WordPress 文件大小:9KB 文件下载:3 次
网盘密码:发表评论并刷新可见
下载地址
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
为WordPress最新文章增加NEW最新提示标志 WordPress美化

为WordPress最新文章增加NEW最新提示标志

纯代码给WordPress文章列表中新发布的文章增加NEW新文章提示,让你的博客更加饱满、人性化,一起跟王小优折腾起来。 看到不少网站的新文章后面都会有一个提示最新文章的文字或者图片,感觉比较人性化,...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: