复制 WordPress 网站文章提示内容弹出转载提示框代码
做为一个在互联网上流浪多年的站长在自己的 WordPress 网站中也发布了不少网络文章,现在的自媒体也到处都在,而自己有时候写的一些文章可能就随随便便的被复制过去了。虽然互联网是奔着开放、共享、自由去走的,但是有些人在复制自己的文章时可以通过以下方法来实现告诉用户在转载文章时记得保留原文信息。以下方式测试通过,可放心使用。接下来APP收藏(appsc.com.cn)为你详细介绍,内容如下。
第一种:
以下方法在 WordPress 中测试可用,其它基于 PHP 的可以自己测试使用。您可以直接将以下代码添加到当前 functions.php 文件。
//复制文章提示
function wz_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', 'wz_copyright_tips', 100 );
以上调用的 JS 和 CSS 是公用资源,如果您觉得加载比较慢或者影响网站速度,您可以单独把文件下载到本地服务器中,指定路径修改相应的源代码即可。
第二种:
第二种无美化,无 CSS 样式,直接使用。
//复制文章提示
function wz_copyright_tips() {
echo '<script>document.body.oncopy=function(){alert("复制成功!转载请保留原始文章链接,谢谢合作!");}</script>';
}
add_action( 'wp_footer', 'wz_copyright_tips', 100 );
关于提示框样式您也可以根据自己的需要进行美化调整,这里就不再做进一步的描述了。
版权内容复制提示代码更改后,一般为了即时看到效果,建议您可以通过在浏览器中打开隐身窗口或者按 F5 强刷检查下效果。以上就是本篇分享的所有内容,感谢阅读(编辑:罗阳)
手机上浏览
公众号不迷路
QQ 客服
说明:本站资源支持普通与VIP用户下载服务,普通注册用户只能原价购买和每日3次免费资源下载次数,VIP用户所有分类的资源可无限下载次数。并可享受专享资源折扣或者免费下载,独享在线免费观看全部引流教程。