怎么在复制文字时跳出版权提示框? - WordPress教程

给你的wordpress主题添加代码提示框

辛辛苦苦做的原创内容轻轻松松就被拿走了?快乐使用这串代码,让他们难受起来。这次教大家在WordPress主题中,加入复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。

注意:下面的代码直接外链调用的公共库,可能会影响你的网站加载速度。当然你也可以将外链的JS和CSS下载到本地,进一步美化修改样式。

效果如下:

怎么在复制文字时跳出版权提示框? - WordPress教程

在主题的functions.php文件的<?php下面添加以下代码:

function zm_copyright_tips() {
echo '<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" target="_blank" rel="external nofollow" >';
echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

保存后刷新前台页面即可看到效果。

怎么在复制文字时跳出版权提示框? - WordPress教程-Npcink
怎么在复制文字时跳出版权提示框? - WordPress教程-Npcink

怎么在复制文字时展示提示框? - WordPress教程

教程

wordpress开发 - 后台Ajax设置框架biji

2019-1-18 19:06:50

教程

WordPress主题开发-第零节:准备篇

2019-3-15 18:09:54

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索