热搜：编程 Python Microsoft 编程语言 C++

WordPress如何如何实现复制文章内容弹出版权提示框?

发布时间：2022-12-26 23:39:23 来源：互联网

.

待到芦花摇曳时，再倚西窗闻雁鸣，日落西山江上行，思缱绻，清月冷，风也寄情。光影斑驳，时光掠过，心于光阴的门楣，寂静欢喜。一纸素文，一缕清风，写意了心中的世界，终有一人的身影站立在风中于梦中，风去，影渐消。水潺潺，风声声，心低喃细语。 "

我想在 WordPress 站点中的文章页实现这样的功能：有人复制本站文章内容时，自动弹出版权提示，提醒转载注明文章出处的功能。实现该功能的方法有两种，具体如下：

代码一、通过 SweetAlert 美化的提示框

将下面代码添加到当前主题模板函数 functions.php 文件最后即可：

function zm_copyright_tips() {
echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" rel="nofollow noopener noreferrer" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
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 );

效果如图：

上述代码直接外链调用的公共库，也可以将外链的 JS 和 CSS 下载到本地，进一步美化修改样式。不过发现上面代码在火狐中不能复制内容，chrome 和 IE 可以，其它浏览器没试。

代码二、简单的提示框

如果认为加载 JS 和 CSS 会影响速度，也可以直接用下面的代码，调用浏览器自带提示框。只需要将下面代码添加到当前主题模板函数 functions.php 文件最后即可：

function zm_copyright_tips() {
echo '<script>document.body.oncopy=function(){alert("复制成功！转载请务必保留原文链接，申明来源，谢谢合作！");}</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

效果如图：

内容整理自：知更鸟 - http://zmingcx.com/copy-popup-tooltip.html

到此这篇关于WordPress如何如何实现复制文章内容弹出版权提示框?就介绍到这了。人这一生能力有限，但是努力无限，努力做一个的人，做一个心态阳光的人，做一个积极向上的人，用正能量激发自己，也感染身边的，你阳光，世界也会因你而精彩！一辈子要记住三句话：看人长处、帮人难处、记人好处，做一个充满正能量的人！更多相关WordPress如何如何实现复制文章内容弹出版权提示框?内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签：