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

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

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

 

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

 

第一种 便于管理式

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

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

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

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

然后：打开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.js和sweetalert.css两个文件分别上传到自己主题的js和css目录下面，把这两个地址改成本地路径，然后替换上述代码中的2个文件地址。

 

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

 

 

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

发表评论

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

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

    • 锁大师 锁大师 3 来自天朝的朋友 浙江省舟山市 电信
      回复 2017年10月25日 21:16  沙发

      这个实用

      • 夜歌 夜歌 0 来自天朝的朋友 陕西省汉中市 电信
        回复 2017年10月28日 19:07  板凳

        很实用帅~~

        • tencent tencent 2 来自天朝的朋友 中国 移动
          回复 2017年10月29日 09:20  地板

          一篇文章弄成这样我也是醉了，不仅要关注微信还要评论，估计下一步就是收费了

            • 仙踪小栈 仙踪小栈 9 来自天朝的朋友 安徽省合肥市 电信
              回复 2017年11月2日 21:51  1层

              @tencent 收费是肯定不会的，关注微信是测试这个功能，看来这个体验效果不理想 :???:

            • lx12531 lx12531 3 来自天朝的朋友 山东省济南市 电信
              回复 2017年11月1日 22:53  4楼

              :roll: 实用

              • 4444 4444 1 来自天朝的朋友 湖北省 电信
                回复 2017年11月12日 12:49  5楼

                博主太棒了

                • Parkmimi Parkmimi 0 来自天朝的朋友 湖北省 电信
                  回复 2017年11月18日 14:35  6楼

                  不错的、、、 但是评论真的麻烦

                    • 仙踪小栈 仙踪小栈 9 来自天朝的朋友 安徽省马鞍山市 电信
                      回复 2017年11月18日 14:50  1层

                      @Parkmimi 已经在逐步更新，取消回复获取了，感谢你的支持

                    • sunfase sunfase 4 来自天朝的朋友 中国 移动
                      回复 2017年11月18日 15:15  7楼

                      :oops: :grin: 赞。。。

                      • huzi huzi 4 来自天朝的朋友 北京市 宽带通
                        回复 2017年11月18日 20:30  8楼

                        学习了

                        • 123 123 4 来自天朝的朋友 浙江省杭州市 华数宽带
                          回复 2017年11月26日 21:48  9楼

                          厉害了

                          • 静水流深 静水流深 3 来自天朝的朋友 山东省东营市 联通
                            回复 2017年12月25日 14:32  10楼

                            顶顶顶顶

                            • feng blog feng blog 2 来自天朝的朋友 四川省成都市 电信
                              回复 2018年1月18日 21:16  11楼

                              厉害了我的锅 :grin:

                              • anna anna 0 Taiwan; Republic of China (ROC) 台湾省 中华电信
                                回复 2018年1月31日 14:13  12楼

                                好的 不错

                                • play play 2 来自天朝的朋友 陕西省西安市 移动
                                  回复 2018年2月10日 19:05  13楼

                                  嗯嗯

                                  • 生活不止一次 生活不止一次 1 来自天朝的朋友 湖南省岳阳市 电信
                                    回复 2018年2月12日 14:04  14楼

                                    :razz: 试试看 博主

                                    • WWEREWew而非 WWEREWew而非 2 来自天朝的朋友 广东省佛山市顺德区 电信
                                      回复 2018年8月8日 22:36  15楼

                                      学习

                                      • voice站点 voice站点 3 来自天朝的朋友 四川省成都市 电信
                                        回复 2018年8月15日 12:43  16楼

                                        试试看

                                        • 免费领取POS机 免费领取POS机 2 来自天朝的朋友 湖南省长沙市 电信
                                          回复 2018年9月8日 10:47  17楼

                                          这个效果最好看

                                          • Mill Wan Mill Wan 0 来自天朝的朋友 安徽省芜湖市 电信
                                            回复 2018年9月9日 23:54  18楼

                                            终于找到了，感谢分享

                                            • sssda sssda 1 来自天朝的朋友 广东省潮州市 联通
                                              回复 2018年9月26日 12:40  19楼

                                              啊哈哈，挺不错的

                                              • 827201914 827201914 0 来自天朝的朋友 广东省广州市 鹏博士长城宽带
                                                回复 2018年10月2日 09:36  20楼

                                                试试看是！