复制文章内容,弹出版权提示框

2021-08-12 0 752

在 WordPress 的主题中,复制文章时会弹出版权提示,提示指示文章来源的小功能。
代码 1。通过美化的提示框
将以下代码添加到当前主题模板函数功能中。Php 文件最后结束:

function zm_copyright_tips() {
echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="http://zmingcx.com/wp-content/themes/begin/to.php?url=aHR0cHM6Ly9jZG4uYm9vdGNzcy5jb20vc3dlZXRhbGVydC8xLjEuMy9zd2VldGFsZXJ0Lm1pbi5jc3M=" 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 );

效果如图:
复制文章内容,弹出版权提示框

上述直接调用到外部链的代码的公共库也可以在本地下载外部链的 JS 和 CSS,以进一步美化修改风格。
然而,我发现上面的代码不能复制火狐、chorome 和 IE 可以中的内容,其他浏览器也没有尝试。
代码 2,一个简单的提示框
如果您认为加载 JS 和 CSS 会影响速度,您也可以直接使用以下代码,使用相同的方法,调用提示框调用浏览器:

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

效果如图:
复制文章内容,弹出版权提示框

 

本文章已结束,如转载请注明:汇站网 » 复制文章内容,弹出版权提示框

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务