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

WordPress版权提示弹窗

一、写在前头

  • 辛辛苦苦做的原创内容轻轻松松就被拿走了?快乐使用这串代码,让他们难受起来。这次教大家在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 );
//复制弹窗结束
  • 由于此代码是引入外部的.css源及.js源,可能会影响您站点的加载速度,当然你也可以将外链的JS和CSS下载到本地,进一步美化修改样式。

四、本站服务

  • 当然,小编也为大家提供了直接调用本站的 .css源 及 .js源 ,本站不倒,效果不退,欢迎使用!
//复制提示弹窗开始
function zm_copyright_tips() {
echo '<link rel="stylesheet" type="text/css" href="https://www.yunmge.com/wp-content/share/copy/sweetalert.min.css" target="_blank" rel="external nofollow" >';
echo '<script src="https://www.yunmge.com/wp-content/share/copy/sweetalert.min.js"></script>';
echo '<script>document.body.oncopy = function() { swal("复制成功", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );
if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );};
//复制提示弹窗结束
  • 本篇教程结束,如果觉得还不错,不妨收藏一下本站点,以免丢失,在此谢谢您嘞,我的宝!
云萌阁分享网所有资源均来自网络,如有侵权,请联系 yunmge@qq.com ,我们会及时处理相关信息!
云萌阁 - 分享网 » WordPress怎么在复制文字时跳出版权提示框?

云萌阁 - 更多的精彩

云小店 国内免流大宽带VPN