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

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

播放按钮
广告位AD1AD
文章目录

本站的复制弹窗样式有些简陋哈, 所以全百科网搜集了些资料,把复制弹窗样式美化了一下,还把美化代码与两种原始代码都分享了出来,大家也可以给自己的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站点加上好看的复制弹窗样式吧。

Download Nulled WordPress Themes
Download Nulled WordPress Themes
Download Premium WordPress Themes Free
Download Best WordPress Themes Free Download
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=
download xiomi firmware
Download WordPress Themes
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=

搜一下 获取更多

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

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

评论 抢沙发

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