全百科精品资源分享
免费优质资源下载平台

给WordPress网站添加复制弹窗美化版样式 理论适用任意网站

播放按钮
全百科网免费发布推广信息
文章目录

本站的复制弹窗样式有些简陋哈, 所以全百科网搜集了些资料,把复制弹窗样式美化了一下,还把美化代码与两种原始代码都分享了出来,大家也可以给自己的WordPress站点加上好看的复制弹窗样式,经测试理论上这个代码稍加修改是支持任意网站的哦。

本文教大家在WordPress主题中,加入复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。

美化版

第一步:

复制以下代码加入到主题目录下functions.php文件中即可

//复制粘贴样式  
function jiub() {  
 echo '<link rel="stylesheet" type="text/css" href="http://img.yfi6.com/quanbaike/Copystyle/sweetalert.min.css" >';  
 echo '<script src="http://img.yfi6.com/quanbaike/Copystyle/sweetalert.min.js"></script>';  
 echo '<script>document.body.oncopy = function() { swal("复制成功!", "全百科撰文不易,转载请务必保留原文链接,谢谢合作","success");};</script>';  
}  
add_action( 'wp_footer', 'jiub', 100 );

第二步:

复制以下代码加入到主题目录下footer.php文件的最上面处即可

<?php jiub(); ?>

效果截图:

给WordPress网站添加复制弹窗美化版样式 理论适用任意网站

PS:CSS与JS代码是经过外界cdn储存加速的,建议上传到自己站点,并更换为自己的链接,以防失效。

样式文件下载:

推荐下载:https://sn9.us/file/3494484-403547892

下载链接:https://pan.baidu.com/s/1SDT5Ithgvat8zyPqLSgSUw&shfl=sharepset  提取码:uex0

原始版

如果认为加载JS和CSS会影响速度,也可以直接用下面的代码,调用浏览器自带提示框,使用方法同上:

方法一:

复制以下代码加入到主题目录下functions.php文件中最下方处即可

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

方法二:

复制以下代码加入到主题目录下single.php文件中get_footer的上方处即可

<script type="text/javascript">
    document.body.oncopy=function(){alert("复制成功!全百科撰文不易,转载请务必保留原文链接,谢谢合作!");}
</script>

效果截图:给WordPress网站添加复制弹窗美化版样式 理论适用任意网站

看到全百科网的分享,是不是感觉很简单,快给自己的WordPress站点加上好看的复制弹窗样式吧。

Free Download WordPress Themes
Download Premium WordPress Themes Free
Premium WordPress Themes Download
Download Nulled WordPress Themes
udemy paid course free download
download samsung firmware
Premium WordPress Themes Download
udemy course download free

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » 给WordPress网站添加复制弹窗美化版样式 理论适用任意网站
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址