子テーマディレクトリでカスタム.jsファイルをキューに入れようとしました。
子テーマのfunctions.phpで、次のコードを見つけます
/* After this. you can override Accessible Zen's pluggable functions or add your own.
* Remember, do your best to stay accessible! :)
*
*/
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}
この部分のみが私によって実装され、js /フォルダからcustom.script.jsをロードすることになっています
wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
残念ながら、そうはしません。誰か助けてもらえますか?
*更新2
コードは次のようになり、機能します。他のadd_actionに関数を追加したときは機能しませんでした。助けてくれてありがとう!それでも、このコードを少し減らす方法はないのだろうか。
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}
/*add my custom jquery script*/
add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
'custom-script',
get_stylesheet_directory_uri() . '/js/custom-script.js',
array( 'jquery' )
);
}
この行は何のためですか?
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
それは必要ですか?
@Pieter私はあなたの変更を適応しましたが、まだ機能していません。これは私の.jsファイルにあるもので、たとえばpage.phpに直接配置すると機能します。<script> if(jQuery){alert( "jQuery library is loaded!"); } else {alert( "jQueryライブラリが見つかりません!"); } </ script>
—
MrKainig
@Pieterわかりました質問にコードを入れて
—
-MrKainig
jsファイルからスクリプトタグを削除します
—
Pieter Goosen
wp_enqueue_script( 'custom-script.js', get_stylesheet_directory_uri() . 'js/custom-script.js', array('jquery') );