Kuasai kaedah memuatkan skrip JavaScript dalam kemahiran WordPress_javascript dengan pantas

Untuk memuatkan fail skrip (CSS dan JS, sama di bawah) dalam WordPress, pendekatan kebanyakan orang adalah dengan menambah terus teg pautan ke fail header.php, atau menambah teg pautan terus ke teg kepala melalui cangkuk wp_head Amalan ini bertentangan dengan norma rasmi.

Kaedah pemuatan skrip standard adalah menggunakan fungsi yang disediakan secara rasmi oleh WordPress (akan dibincangkan kemudian). adalah lebih mudah dan lebih pantas, dan bukan sahaja tema boleh dipasang Skrip dan pemalam juga boleh digunakan, dan mereka juga boleh mengurus skrip, melaraskan susunan pelekap dan lokasi serta kandungan lain.

Pada cangkuk yang manakah dimuatkan?

Sebelum memanggil fungsi skrip loading, kita mesti tentukan dahulu di cangkuk mana fungsi tersebut dilaksanakan. Terdapat empat cangkuk pemuatan skrip yang biasa digunakan, iaitu wp_enqueue_scripts (loading di latar depan), admin_enqueue_scripts (loading di latar belakang), login_enqueue_scripts (. memuatkan dalam beban halaman log masuk) dan init (muatan global).

Yang paling biasa digunakan mungkin wp_enqueue_scripts Jika anda melekapkannya di sini, skrip hanya akan dimuatkan di latar depan.

Muat skrip JavaScript

Sebagai contoh, saya ingin memuatkan JS di latar depan, iaitu fail themes.js dalam folder JS bagi direktori akar tema. Mula-mula, anda perlu menggunakan fungsi wp_register_script() untuk menambah JS pada pustaka skrip (daftar skrip), dan kemudian gunakan fungsi wp_enqueue_script() untuk memasang skrip.

function Bing_enqueue_scripts(){
  wp_register_script( 'themes_js', get_bloginfo( 'template_directory' ) . '/js/themes_js.js' );//注册 ID 为 themes_js 的 JS 脚本
  wp_enqueue_script( 'themes_js' );//挂载脚本
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

Muat skrip CSS

function Bing_enqueue_scripts(){
  wp_register_style( 'style', get_bloginfo( 'template_directory' ) . '/style.css' );
  wp_enqueue_style( 'style' );
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

Ringkasan

Artikel ini hanya menerangkan secara ringkas cara memuatkan skrip Penggunaan mekanisme baris gilir skrip yang betul boleh menjadikan program lebih fleksibel dan mempercepatkan kecekapan.