Saya mencoba untuk membuat file .js kustom di direktori tema anak saya.
Dalam functions.php tema anak saya, saya menemukan kode berikut
/* 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' ) );
}
di mana hanya bagian ini dilaksanakan oleh saya dan seharusnya memuat custom.script.js saya dari folder js /
wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
Sayangnya tidak berhasil, adakah yang bisa membantu?
* Perbarui 2
Kode terlihat sekarang seperti ini dan berfungsi, tidak berfungsi ketika saya baru saja menambahkan fungsi ke add_action lainnya. Terima kasih semuanya atas bantuannya! Masih saya bertanya-tanya apakah tidak ada cara untuk memotong kode ini sedikit.
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' )
);
}
Untuk apa baris ini?
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
Apakah itu perlu?
jquery
javascript
MrKainig
sumber
sumber
wp_enqueue_script( 'custom-script.js', get_stylesheet_directory_uri() . 'js/custom-script.js', array('jquery') );
Jawaban:
Berikut ini contoh kerjanya:
Atau seperti ini yang ternyata memuat lebih cepat:
Sumber http://codex.wordpress.org/Function_Reference/wp_enqueue_script
get_template_directory_uri()
hanya akan berfungsi dalam tema induk.sumber
get_stylesheet_directory_uri()
?get_stylesheet_directory_uri()
lebih cepat :-)