web-dev-qa-db-ja.com

子テーマにJavaScriptを追加する

私は自分のjavascriptにいくつかのheaderを適用し、それを実装するための最良の方法が何かを知りたいのです。

ここに私が含めているJavaScriptが含まれているソースです - https://codepen.io/kaemak/pen/mHyKa /

新しいjavascriptファイルを作成してからそれをchild themeに追加する必要があります。その場合は、ファイルを呼び出す対象がわからなくなり、この場所から先頭に適用されるのでしょうか。

javascriptchild-themeheaders
2
Jordan

あなたは子テーマのfunctions.phpにスクリプトをエンキューするべきです。たとえば、jsファイルの名前がcustom.jsで、子テーマのjsフォルダの下に置いた場合は、functions.phpに追加する必要があります。

function my_custom_scripts() {
    wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ),'',true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );

ここでget_stylesheet_directory_uri()はあなたの子テーマのディレクトリを返します、そしてarray( 'jquery' )はjqueryの後にあなたのjsをロードさせるでしょう。フッターにjsをロードさせることです。

1
Akshat