記事の内容をコピーするときに表示される著作権プロンプトボックスを実装する方法

次のコラム WordPress サイト構築チュートリアル では、記事の内容をコピーして著作権プロンプトをポップアップさせる実装方法をご紹介しますので、ご参考になれば幸いです。困っている友達に！

コード 1

SweetAlert による美しいプロンプト ボックス

現在のテーマ テンプレート関数 functionfunctions.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 );

結果は次のとおりです:

##コード 2:

単純なプロンプト ボックス

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 中国語 Web サイトの他の関連記事を参照してください。