WordPress / WordPress教程

WordPress内容复制弹窗提示

温馨提示:本文最后更新于2021-08-01 20:21:55,某些文章具有时效性,若有错误或已失效,请在下方留言或提交工单提交工单
浅时光 · 6月7日 · 2021年 本文718个字,预计阅读2分钟 10373次已读

一、效果展示1


WordPress内容复制弹窗提示-浅时光博客

编辑代码

第一步:将以下代码添加到当前使用主题的functions.php文件中
//复制粘贴中间弹窗提示  
function jiub() {  
 echo '<link rel="stylesheet" type="text/css" 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', 'jiub', 100 );  
第二步:打开footer.php文件,在前面添加以下代码
<?php jiub(); ?>
WordPress内容复制弹窗提示-浅时光博客

二、效果展示2


WordPress内容复制弹窗提示-浅时光博客

编辑代码

将以下代码添加到当前使用主题的functions.php文件中
// 复制黏贴顶部弹窗提示
function copyright_reminder() {
 ?>
 <script type="text/javascript">
 document.body.oncopy=function(){alert('复制成功!若要转载请务必保留原文链接,谢谢合作!');}
 </script>
 <?php
}
add_action('wp_footer','copyright_reminder');
// end 复制版权提示文字



关注本站官方微信公众号『精彩程序人生』

扫描左侧二维码关注我们的微信公众帐号,在微信公众帐号中回复【加群】即可加入到我们的技术讨论群里面共同学习。
关注博主不迷路~


本文作者:浅时光
原文链接:https://www.dqzboy.com/4672.html
版权声明:知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可
转载时请以超链接形式标明文章原始出处和作者信息

0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!

    本站已稳定运行: | 耗时 0.478 秒 | 查询 24 次 | 内存 41.02 MB