WordPress Web サイトに Javascript コードを追加する方法

次のコラム WordPress チュートリアル では、JavaScript コードを WordPress ウェブサイトに追加する方法を紹介します。困っている友人の役に立てば幸いです。

自分で作成したテンプレート テーマを変更し、アップグレードと更新を制御できる場合、JavaScript コードの追加は比較的自由で、実際のコードに応じて導入できます。ビジネスの論理。ただし、訪問者の統計、パフォーマンスの監視、その他のタイプの独立したコードなど、テーマとは関係のない JavaScript コードを追加する場合は、テーマ ファイルとは関係がないため、最良の方法はプラグイン内のコード。

WordPress は、開発者がカスタム コードを埋め込む機能を容易にするために、関数 wp_enqueue_script とフック wp_enqueue_scripts

を提供します。

追加手順を簡単に説明します:

プラグインディレクトリの下に新しいディレクトリを作成し、ディレクトリに入った後、新しいプラグインファイルindex.phpを作成します。次のサンプル コードを挿入します:

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( &#39;jquery-ui&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js&#39;, array(), &#39;1.12.1&#39;, false);
}
add_action( &#39;wp_enqueue_scripts&#39;, &#39;add_custom_scripts&#39; );

wp_enqueue_script 関数の 5 つのパラメーターの説明

1. string $handle #現在インポートされている JavaScript ファイルの一意の名前

2. string $ src = '' #javascript ドキュメント リソース url

3.array $deps = array() #コード ハンドルに依存します

4.string|bool|null $ver = false #バージョン番号, 指定されていない場合は、WordPress システムのバージョン番号と一致します

5. bool $in_footer = false #ドキュメントの最後にあるかどうか、false の場合、JavaScript はドキュメントの先頭にロードされますデフォルトでドキュメントを作成します。

最後にファイルを保存し、プラグイン センターに移動してプラグインをアクティブ化し、ブラウザでプラグインをアクティブ化します。ページ上でページのソース コードを表示すると、インポートされたJavaScriptファイルを確認できます。

wp_enqueue_script 関数を使用すると、次の利点があります:

a. 他の依存コードを使用して読み込み順序を設定できます

b. キャッシュを容易にするためにバージョン番号を指定できます管理

c. ドキュメント内の埋め込みコードの場所を指定できます

以上がWordPress Web サイトに Javascript コードを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。