首頁 > CMS教程 > &#&按 > 複製文章內容彈出版權提示框的實作方法

複製文章內容彈出版權提示框的實作方法

藏色散人
發布: 2020-04-30 15:20:44
轉載
2871 人瀏覽過

以下由WordPress建置站教學欄位介紹複製文章內容彈出版權提示框的實作方法,希望對需要的朋友有幫助!

複製文章內容彈出版權提示框的實作方法

程式碼一

透過SweetAlert美化的提示方塊

將下面程式碼加入目前主題模板函數functions.php檔案最後即可:

function zm_copyright_tips() {
 echo &#39;<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://zmingcx.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9jZG4uYm9vdGNzcy5jb20vc3dlZXRhbGVydC8xLjEuMy9zd2VldGFsZXJ0Lm1pbi5jc3M=" >&#39;;
 echo &#39;<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>&#39;;
 echo &#39;<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>&#39;;
}
add_action( &#39;wp_footer&#39;, &#39;zm_copyright_tips&#39;, 100 );
登入後複製

 

效果如圖:

複製文章內容彈出版權提示框的實作方法

#程式碼二:

簡單的提示方塊

如果認為載入JS和CSS會影響速度,也可以直接用下面的程式碼,呼叫瀏覽器自帶提示框,使用方法同上:

function zm_copyright_tips() {
echo &#39;<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>&#39;;
}
add_action( &#39;wp_footer&#39;, &#39;zm_copyright_tips&#39;, 100 );
登入後複製

效果如圖:

複製文章內容彈出版權提示框的實作方法

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

更多WordPress技巧文章,請造訪WordPress欄位!

以上是複製文章內容彈出版權提示框的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:zmingcx.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板