Bagaimana untuk Memasukkan CSS dan jQuery dalam Pemalam WordPress?

Mengintegrasikan CSS dan jQuery ke dalam Pemalam WordPress

Memasukkan CSS dan jQuery dalam pemalam WordPress anda adalah penting untuk meningkatkan daya tarikan visual dan kefungsian pemalam anda. Begini cara anda boleh mencapai ini:

Kemasukan CSS

Untuk memasukkan CSS, gunakan langkah berikut:

1. Gunakan wp_register_style(): Daftarkan fail CSS dengan WordPress dengan menyatakan ruang namanya dan URL fail CSS.
2. Panggil wp_enqueue_style(): Gunakan fungsi ini untuk menyertakan fail CSS berdaftar dalam halaman pemalam anda.

Pengertian jQuery

Menyepadukan jQuery agak mudah:

1. Untuk kemasukan jQuery pantas, hanya gunakan wp_enqueue_script('jquery').

2. Jika anda ingin menggunakan jQuery daripada Google repositori, anda boleh memasukkannya dalam baris gilir seperti berikut:

   wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js');

3. Untuk memuatkan jQuery secara bersyarat sebagai kebergantungan untuk skrip anda, gunakan sintaks berikut:

   wp_enqueue_script('namespaceformyscript', 'http://locationofscript.com/myscript.js', array('jquery'));

Skrip dan Gaya Enqueueing

Amalan terbaik untuk skrip dan gaya enqueueing ialah menggunakan cangkuk wp_enqueue_scripts. Ini memastikan bahawa ia dimuatkan pada masa yang sesuai semasa pemaparan halaman. Berikut ialah contoh:

add_action('wp_enqueue_scripts', 'callback_for_script_enqueueing');

function callback_for_script_enqueueing() {
    wp_register_style( 'namespace', 'http://locationofcss.com/mycss.css' );
    wp_enqueue_style( 'namespace' );
    wp_enqueue_script( 'namespaceformyscript', 'http://locationofscript.com/myscript.js', array( 'jquery' ) );
}

Dengan mengikuti langkah-langkah ini, anda boleh memasukkan CSS dan jQuery dengan mudah dalam pemalam WordPress anda dan meningkatkan penampilan serta interaktivitinya untuk pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan CSS dan jQuery dalam Pemalam WordPress?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!