学习,
让视野更宽阔!

网站文本复制,弹出版权提示

​标题很显然,今天给大家介绍的是:

访客复制内容时弹出版权提示。

介绍两种实现代码:

一种较简单,效果也简单;
一种稍复杂,效果也更佳。

一、借助内置弹窗

这种方法很简单,只需在

function.php内添加如下代码

function copyright_tips() {
      echo '<script>document.body.oncopy=function(){alert("复制成功!撰文不易,转载请保留原文链接,谢谢合作!");}</script>';
    }
    add_action( 'wp_footer', 'copyright_tips', 100 );

实现效果:在浏览器弹出

v2-b52f70a180847aef35909133d219e45f_720w

test为网站的域名

二、美化弹出样式

动态提示显然更人性化

你可以在本站随意复制一下

看看效果如何?只需三步就可实现

1、上传文件

将底部附件上传至服务器

sweetalert.css、sweetalert.min.js

2、引入文件

在header.php添加如下下代码

<link rel="stylesheet" href="你的sweetalert.css位置" type='text/css' /> <script src="你的sweetalert.min.js位置"></script>

需在<head></head>中间哦~

v2-94914b6fc65d7ea7f5d4f236fb113972_720w

3、添加信息

在header.php内添加版权信息

<script>document.body.oncopy = function() {swal("复制成功!", "撰文不易,若转载请务必保留原文链接,谢谢合作!","success");};</script>

注意添加在最底部

v2-f2d369f950c7eea744d081273cc996ae_720w

刷新缓存,可以看到效果了~

此法转载自腾讯云社区-博客复制弹窗提示版权






文件名称:复制弹窗代码

更新日期:2018-07-31

文件大小:9.1KB

点击下载

转载请注明出处:技术松鼠 » 网站文本复制,弹出版权提示

评论 抢沙发

技术松鼠