本站致力于分享传播知识!

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

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

第一步:

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

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

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

<?php jiub(); ?>

CSS及JS源文件(本地化,防止站点失效导致无法调用)下载地址:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!

赞(0)
这篇文章为天际博客(天朝世纪)原创,转载请注明。天际部落 » 给WordPress网站添加复制弹窗美化版样式 理论适用任意网站