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

2017年10月24日23:14:50 33 14,343

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

 

复制文章提示“保留链接”版权弹窗通用版代码——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() {
  2.  echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="http://www.ixianzong.com/wp-content/themes/begin/go.php?url=https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
  3.  echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
  4.  echo '<script>document.body.oncopy = function() { swal("复制成功!""转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
  5. }
  6. add_action( 'wp_footer', 'zm_copyright_tips', 100 );

 

效果图:

 

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

 

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

 

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

 

 

下载信息 文件名称:复制文章提示“保留链接”版权弹窗通用版代码 应用平台:WordPress 软件大小:CSS文件22.4KB+JS文件16.5KB
下载密码:发表评论并刷新可见!
下载地址
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

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

目前评论:33   其中:访客  0   博主  0

    • sugar sugar 0 来自天朝的朋友 江苏省无锡市 移动

      支持一下,看起来很不错

      • 双双对对对爸爸吧 双双对对对爸爸吧 1 来自天朝的朋友 浙江省宁波市 电信

        好久这个都是无效的复制!

        • voice站点 voice站点 3 来自天朝的朋友 四川省成都市 电信

          来试试看

          • 喵喵 喵喵 2 来自天朝的朋友 河南省郑州市 联通

            支持一下,看起来很不错

            • 24k 24k 1 来自天朝的朋友 黑龙江省伊春市 联通

              的发送到发送到发送到发斯蒂芬

              • 小米米 小米米 3 来自天朝的朋友 吉林省吉林市 联通

                谢谢分享

                • jzsst jzsst 0 来自天朝的朋友 重庆市 电信

                  可以的呀

                  • a262831980 a262831980 4 来自天朝的朋友 谷歌浏览器 Windows 7 广东省湛江市 电信

                    学习了,非常感谢分享

                    • 王小优 王小优 4 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省长沙市 电信

                      路过学习