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

この記事では、WordPress ウェブサイトに Javascript コードを追加する方法を紹介します。

自分で作成したテンプレートテーマを修正する場合は、自分でバージョンアップ・更新することができ、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( 'jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', array(), '1.12.1', false);
}
add_action( 'wp_enqueue_scripts', 'add_custom_scripts' );

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. ドキュメント内の埋め込みコードの場所を指定できます

関連する推奨事項:

役割を理解する方法yii2 フレームワークの di コンテナー ソース コードでのリフレクションの説明

Laravel データベース テストを行う別の方法 (SQLite)

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