WordpressのJSコードをどこに置くか

#JS コードを Wordpress のどこに配置しますか?

WordPress では、通常、js コードは header.php または footer.php ファイルに直接配置され、js ファイル呼び出しコードを追加します。

実際、WordPress テーマで js ファイルを参照する最良の方法は、WordPress の組み込み wp_enqueue_script() 関数を使用することです。この関数を通じて、JavaScript コードを WordPress によって作成されたページに安全に追加できます。最大限の互換性を確保します。これは、WordPress のパフォーマンス効率を向上させる方法でもあります。

関数コード:

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

パラメータの説明:

$handle – 呼び出されるスクリプトの名前。他の JS を区別するために使用されるため、他の JS を区別するために使用されます。他の js と一緒に使用できます。 ファイル名は同じです。

$src – js ファイルのパス (つまり、URL)。ドメイン名の URL を直接使用しないでください。パス関数を使用します。たとえば、親テーマは get_template_directory_uri を使用し、子テーマは get_template_directory_uri を使用します。 get_stylesheet_directory_uri. (WP テンプレートのパスに関連する関数のうち、テンプレートを持つ関数は通常親テーマを参照し、スタイルシートを持つ関数は子テーマを指します)

$deps – 依存関係、依存関係、他の JS の識別ロードされた js ファイルは、このコードの前にロードする必要があるコードの名前である文字列配列 (array: string) に依存します (js スクリプトが jquery ライブラリに依存している場合、jquery はここに次の形式で記述する必要があります)配列)、これは必須ではありません。

$ver – ロードされた js ファイルのバージョン番号がクエリ文字列としてパスの末尾に追加されます。その機能は、正しいバージョン情報がクライアントに確実に渡され、影響を受けないようにすることです。キャッシュ (js スクリプトの変更など) バージョン番号を変更する場合、顧客のブラウザにキャッシュの更新を強制できます)、デフォルトは false で、現在の Wordpress プログラムのバージョン番号が呼び出されます。表示したい場合は、NULL に設定します (非推奨)。

$in_footer – ブール型, js ファイル呼び出しコードを html の下部に配置するかどうかを設定します。true に設定されている場合は、下部に配置されます。false に設定されている場合、ヘッド部分に配置されます。ヒント: テンプレートでは、wp_footer() 関数を正しく配置する必要があります。

使用法:

wp_enqueue_script 関数を通じて js ファイルをロードするときは、フックに割り当てる必要があります。フォアグラウンドでのみ呼び出される場合は、フックを使用してくださいwp_enqueue_script; バックグラウンドでのみ呼び出すには、admin_enqueue_scripts を使用します。

例:

フォアグラウンドでのみ呼び出されます

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;wp_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

バックグラウンドでのみ呼び出されます

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;admin_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

添付ファイル: 関数の場所 wp-includes/functions.wp- scripts.php ファイル

その他の WordPress 技術記事については、WordPress チュートリアル 列をご覧ください。

以上がWordpressのJSコードをどこに置くかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。