復制文章內容彈出版權提示框的實現方法

下面由WordPress建站教程欄目給大家介紹復制文章內容彈出版權提示框的實現方法,希望對需要的朋友有所幫助!

復制文章內容彈出版權提示框的實現方法

代碼一

通過SweetAlert美化的提示框

將下面代碼添加到當前主題模板函數functions.php文件最后即可:

function?zm_copyright_tips()?{ ?echo?'<link>'; ?echo?'<script></script>'; ?echo?'<script>document.body.oncopy = function() { swal("復制成功!", "轉載請務必保留原文鏈接,申明來源,謝謝合作!!","success");};</script>'; } add_action(?'wp_footer',?'zm_copyright_tips',?100?);

?

效果如圖:

復制文章內容彈出版權提示框的實現方法

代碼二:

簡單的提示框

如果認為加載JScss會影響速度,也可以直接用下面的代碼,調用瀏覽器自帶提示框,使用方法同上:

function?zm_copyright_tips()?{ echo?'<script>document.body.oncopy=function(){alert("復制成功!轉載請務必保留原文鏈接,申明來源,謝謝合作!");}</script>'; } add_action(?'wp_footer',?'zm_copyright_tips',?100?);

效果如圖:

復制文章內容彈出版權提示框的實現方法

上述代碼直接外鏈調用的公共庫,也可以將外鏈的JS和CSS下載到本地,進一步美化修改樣式。

更多wordpress建站教程文章,請訪問wordpress建站教程欄目!

? 版權聲明
THE END
喜歡就支持一下吧
點贊12 分享