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

假如你想要 WordPress 网站上的文章页面实现了这样的功能：当有人复制本网站的文章内容时，他会自动弹出版权提示，并提醒转载注明文章来源的功能。实现该功能有两种常见的方法，如下：

代码1，通过 SweetAlert 美化提示框

      在当前主题模板函数中添加以下代码functions.php最后，文件可以：

function copyright_tips() {
echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" 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','copyright_tips，100 )；

      接着打开footer.php在前面添加文件

      

<?php copyright_tips(); ?>

      

      运行效果如下：           注意提示：直接调用外链的公共库可能会影响您的网站加载速度，也可以调用外链 JS 和 CSS 下载到本地，进一步美化修改风格。但发现上述代码不能在火狐中复制，chrome 和 IE 是的，没有尝试其他浏览器。       

代码2，简单的提示框

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

      

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

      

      如图所示：           以上是版权提示框复制页面内容WordPress我希望它能帮助你学习和解决问题

分享到...

请选择打赏方式

• 微信
• 支付宝