Untuk memperkenalkan fail gaya dengan betul dalam tema atau plugin WordPress, anda harus menggunakan fungsi WP_ENQUEUE_STYLE (). 1. Gunakan wp_enqueue_style () untuk mendaftar dan memuatkan fail CSS. Struktur asas ialah WP_ENQUEUE_STYLE ($ mengendalikan, $ src, $ deps, $ ver, $ media), di mana $ mengendalikan adalah pengenal unik, $ SRC adalah URL fail CSS, $ DEPS adalah gaya ketergantungan, $ ver adalah nombor versi, dan media adalah jenis media; 2. Gunakan operasi enqueue untuk meletakkan fail functions.php dan laksanakannya dengan cangkuk WP_ENQUEUE_SCRIPTS untuk memastikan pemuatan yang betul; 3. Gunakan syarat untuk menilai seperti is_front_page (), is_single () atau is_page_template () untuk mengawal pemuatan halaman tertentu untuk gaya tertentu; 4. Untuk mengelakkan konflik, setiap pemegang harus unik. Adalah disyorkan untuk dinamakan dengan awalan, dan anda boleh menyemak sama ada ia didaftarkan melalui wp_style_is (); 5. Gaya tema induk harus dimuatkan terlebih dahulu dalam tema kanak -kanak, maka gaya tema kanak -kanak harus dimuatkan, dan kebergantungan harus ditetapkan untuk memastikan perintah yang betul.

Memperkenalkan fail gaya dengan betul dalam tema atau plugin WordPress tidak begitu kasar seperti hanya echo '<link>' . Cara yang betul ialah menggunakan fungsi wp_enqueue_style() , yang boleh mengelakkan konflik, meningkatkan prestasi, dan menguruskan kebergantungan yang lebih baik.

Struktur asas menggunakan wp_enqueue_style

wp_enqueue_style() adalah fungsi rasmi yang disediakan oleh WordPress, yang digunakan untuk mendaftar dan memuatkan fail CSS. Penggunaan asasnya adalah seperti berikut:

 wp_enqueue_style ($ handle, $ src, $ deps, $ ver, $ media);

• $handle : Pengenal pasti unik (ID) gaya, seperti 'my-style'
• $src : Alamat URL fail CSS
• $deps : Gaya lain yang gaya ini bergantung, seperti 'main-style'
• $ver : Nombor versi, digunakan untuk kawalan cache, boleh ditetapkan filemtime(get_stylesheet_directory() . '/style.css') untuk mendapatkan masa pengubahsuaian secara automatik
• $media : jenis media, seperti 'all' , 'screen' , 'print' , dan lain -lain, lalai adalah 'all'

Umumnya, kami akan meletakkan operasi enqueue dalam fail functions.php topik dan melaksanakannya melalui cangkuk wp_enqueue_scripts .

Muatkan gaya tertentu hanya apabila diperlukan

Kadang -kadang kita hanya mahu memuatkan fail CSS tertentu dalam halaman atau templat tertentu, seperti halaman utama, halaman butiran artikel, atau halaman templat tersuai. Pada masa ini, anda boleh menggunakan syarat untuk menentukan sama ada enqueue dikawal.

Cara penghakiman biasa adalah:

• is_front_page() : menentukan sama ada halaman rumah itu
• is_single() : Menentukan sama ada ia adalah satu halaman artikel
• is_page_template('template-name.php') : menentukan sama ada templat halaman digunakan

Contohnya:

 add_action ('wp_enqueue_scripts', 'enqueue_custom_styles');
fungsi enqueue_custom_styles () {
    jika (is_page_template ('template-gning.php')) {
        wp_enqueue_style ('gaya pendaratan', get_template_directory_uri (). '/css/Landing.css');
    }
}

Melakukannya dapat mengurangkan pemuatan sumber yang tidak perlu, mempercepatkan kelajuan halaman, dan mengelakkan konflik gaya.

Perhatikan penamaan dan deduplikasi pemegang

Setiap fail gaya mesti mempunyai nama handle yang unik. Jika anda secara tidak sengaja mendaftar pemegang yang sedia ada berulang kali, gaya tidak boleh dimuatkan atau ditimpa.

Sebagai contoh, jika anda menggunakan 'main-style' dan plugin juga menggunakan nama yang sama, mungkin ada masalah. Oleh itu, adalah disyorkan untuk memberikan gaya anda nama prefixed, seperti 'yourtheme-main-style' atau 'yourplugin-style' .

Jika anda ingin mengesahkan sama ada gaya telah didaftarkan, anda boleh menggunakan wp_style_is( $handle, 'registered' ) untuk menyemaknya.

Mengendalikan gaya pemuatan dalam tema kanak -kanak

Jika anda sedang membangunkan tema kanak -kanak, anda biasanya ingin memuat gaya tema induk terlebih dahulu dan kemudian gaya tema kanak -kanak. Pada masa ini, perhatikan perintah dan ketergantungan.

Kaedah penulisan yang disyorkan:

 add_action ('wp_enqueue_scripts', 'enqueue_parent_and_child_styles');
fungsi enqueue_parent_and_child_styles () {
    // Daftar gaya tema induk wp_enqueue_style ('gaya ibu bapa', get_template_directory_uri (). '/Style.css');

    // Daftar gaya tema kanak-kanak sekali lagi, bergantung pada gaya induk wp_enqueue_style ('gaya kanak-kanak', get_stylesheet_directory_uri (). '/Style.css', array ('gaya induk'));
}

Perhatikan get_template_directory_uri() digunakan di sini untuk menunjuk ke direktori tema induk, dan get_stylesheet_directory_uri() digunakan untuk menunjuk direktori tema kanak -kanak semasa.

Pada dasarnya itu sahaja. Selagi anda ingat menggunakan cangkuk, tetapkan pemegang dan kebergantungan dengan munasabah, dan beban atas permintaan, anda boleh mengelakkan masalah memuatkan kebanyakan gaya.

Atas ialah kandungan terperinci Cara enqueue gaya dengan betul di wordpress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!