实现这个弹出框效果很简单,这个方法适合所有wordpress网站,下面看看效果。

效果展示图:

RiPro主题美化-网站实现复制内容弹出提示框插图

教程如下:

1.找到主题文件下的“functions.php”文件(RIPRO主题用户找到wp-content/themes/ripro/functions.php)

2.复制下面内容到functions.php文件中并保存

function jiub()
{
    echo "<link rel=\"stylesheet\" type=\"text/css\" rel=\"external nofollow\" target=\"_blank\" href=\"//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);

3.在主题目录下的footer.php文件,并把如下内容粘贴进去(RiPro主题找到wp-content/themes/ripro/footer.php)

<?php jiub(); ?>

4.保存后,即可实现复制弹出提示框效果。

 

1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定,不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益,请联系我们进行处理。