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

松鼠小

发表文章数:81

松子工具箱

站长开发的集阅读、音乐、影视、工具等功能的安卓应用。

查看详情
首页 » WordPress » 网站文本复制,弹出版权提示

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

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

介绍两种实现代码:

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

一、借助内置弹窗

这种方法很简单,只需在

function.php内添加如下代码

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

实现效果:在浏览器弹出

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

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>中间哦~

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

3、添加信息

在header.php内添加版权信息

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

注意添加在最底部

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

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

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







文件名称:复制弹窗代码
适用版本:
更新日期:2018-07-31
文件大小:9.1KB

点击下载

转载请注明出处:作者:松鼠小, 转载或复制请以 超链接形式 并注明出处 技术松鼠
原文地址:《网站文本复制,弹出版权提示》 发布于2020-09-04

分享到:
赞(0) 打赏

评论 抢沙发

评论前必须登录!

  注册



长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册