web-dev-qa-db-ja.com

JavaScriptを子テーマに追加する方法

私が自分のウェブサイトにJavaScriptのサイト全体のスニペットを追加したいが、元のテーマを改ざんしないように子テーマを使用していたとしましょう。子テーマに新しい.jsファイルを追加する必要がありますか、それともスクリプトをfunctions.phpに追加することができますか？それとももっと良いことに、それはプラグインで追加できますか？

javascriptchild-theme
1
McOwen

さまざまなことができます。

  1. エンキューpluginを介した新しいJSファイル
  2. エンキューfunctions.phpを介した新しいJSファイル
  3. JSコードをfunctions.phpからwp_headerまたはwp_footerを介して追加します

新しいJSファイルをwordpressサイトに追加するには、enqueuewp_enqueue_style()および/またはwp_enqueue_script()を含むこれらのファイルを使用する必要があります。

これが適切で最も安全な方法です。

これはテーマに依存しないため、ルートに行き、そのためのシンプルで小さなプラグインを作成します。

また、couldはwp_headerまたはwp_footerへのフックも使用します。このフック内で、JSコードを記述できます。

しかし、適切な方法はこれらのファイルをキューに入れることで、これは次のように動作します：

function prfx_frontend_enqueue() {
    wp_enqueue_style( 'my-plugin-css', plugins_url('/assets/css/plugin.css', __FILE__) );
    wp_enqueue_script( 'my-plugin-js', plugins_url('/assets/js/jquery.my-script-min.js', __FILE__), array('jquery'));
}
add_action('wp_enqueue_scripts', 'prfx_frontend_enqueue');
2
LWS-Mo

はい。

Javascriptファイルをフォルダに追加し、適切なファイル名で wp_enqueue_script() を呼び出します。あなたは子テーマまたはプラグインのどちらでもこれを行うことができます、それは本当に問題ではありません（技術的観点から）。

あなたがこれ以上の機能を追加していないのであれば、私はこれのためのカスタムプラグインを作成せず、単にそれを子テーマのfunction.phpに含めます。

0
kero