实现这个弹出框效果很简单,这个方法适合所有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.保存后,即可实现复制弹出提示框效果。

 

发表回复

后才能评论