Me pehea te whakauru tika a WordPress i te JavaScript?Te uta ritenga o nga konae JS me CSS

mopaetukutuku WordPresshötaka, whakawhanakemono WordPressI te wa e whakarite ana i te kaupapa WordPress, ka tohutoro etahi rauemi tuhi JavaScript me CSS.

• I te nuinga o te wa, ka whakamahi nga tangata i te hono, nga tohu tuhinga tika mo te HTML.
• Inaa, kua hangaia e WordPress nga mahi me nga tikanga mo te tohutoro tuhinga.
• Na, ko te whakamahi i nga tohutoro tikanga hanga-i roto i te WordPress he ngaio ake, he whanui ake.

Ko te tikanga whakahua hapa

E rua nga tikanga whakahua noa, he pai, kaore i te tino tika, i te whaitake ranei.

Patohia 1:Ko nga tohu hono e tohu ana ki nga konae CSS

• Ko nga tūtohu hōtuhi e whakamahi ana i nga konae JS.Kaore i te taipitopito i konei.

Patohia 2:Whakamahia te mahi wp_head

• Ka whakamahia te mahi wp_head ki te whakaputa i etahi ihirangi kua tautuhia e te punaha.
• I etahi wa ka whakamahia e matou te waehere e whai ake nei hei tohutoro i tenei konae:

<?php
add_action('wp_head', 'wpcwl_normal_script');
function wpcwl_normal_script() {
echo '资源文件的链接';
}
?>

• Tāruatia te waehere i runga ake nei ki te kōnae functions.php hei tohutoro i ngā kōnae e hāngai ana.

WordPress Enqueue Scripts resource mechanism

E mohio ana tatou katoa, he maha nga monomai a WordPress:

• Tata ki ia mono ka tohutoro etahi konae rauemi.
• Kare e kore, ka puta nga taupatupatu i waenga i nga rauemi e tohuhia ana e nga monomai e rua, ka kore e tau, ka pa ki te pai.

Whakamahia te mahi wp_enqueue_script

• Hei tohu i tetahi rauemi i roto i te WordPress me whakamahi koewp_enqueue_scriptHe taumahi kei a ia te kupu enqueue i roto i te ingoa o te taumahi kua ruia, kua tohua ranei.
• Ma te huarahi a WordPress ki te whakauru rauemi (Enqueue Scripts), ka wehea nga tohutoro mai i nga konae me te waehere matua.
• Mena kei te hiahia te kaiwhakamahi ki te whakakore i te rauemi, ka taea e ia te whakakore, te whakarereke me te korero me te kore e whakarereketia mai i te waehere matua.

Ano, ko etahi whare pukapuka e whakamahia ana penei i te jQuery, jQuery UI, me etahi atu kua hangaia ki te WordPress.

Ka taea e tatou te whakamahi i te mahi wp_enqueue_script ki te waea tika i te whare pukapuka kua oti te hanga, e penapena ana i te waehere me te tohu horoi.

Mena ka whakamahi koe i tenei mahi hei tohutoro i o ake konae JS me CSS, me whakamahi koewp_register_scriptKa rehitatia e te taumahi he kaitautuhi (te kakau) ka whakamahiwp_enqueue_scriptKa karangahia e te mahi te rauemi e rite ana ki tenei haki.

Me pehea te kawemai tika i nga konae JS me CSS ki WordPress?

Ka whakaratohia e WordPress nga tikanga kawemai tika mo nga tikanga JS me CSS.

Ka taea e koe te whakamahi i te waehere e whai ake nei hei kawemai i te konae plugin.css ki te mono ▼

<?php
function wpcwl_add_styles() {
wp_register_script('plugin_stylesheet', plugins_url('plugin.css', __FILE__));
wp_enqueue_script('plugin_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_styles' ); 
?>

Kei runga ake nei te mahi wp_register_script ki te hanga rauemi me te mono_stylesheet tautuhi.

Na, tāpirihia ana tono tūtira kiwp_enqueue_scriptskei te mahi nga mahi.

Ahakoa he tuhi te ingoa mahi, kaore he mea e pa ana ki te momo konae rauemi me te whai mana mo te CSS me te JS.

Ko te mahi wp_register_script ehara i te mea ngawari, e rima nga tawhā:

1) $rawe:Kaitohu rauemi.

• 由wp_enqueue_scriptwhakawhiti.

2) $src:Te waahi o te rauemi.

• Ko nga wahitau whanaunga, tino tuturu ranei e whakamahi ana i nga mahi hanga-i roto i te WordPress ki te tiki wahitau, aha atu.
• MomoWhakatūngakua mahiplugins_url,get_template_directory_uriTatari.

3) $deps:whakawhirinaki.

• Mena kei te korero koe mo te mono jQuery me te whakawhirinaki ki te hanga jQuery, me whakakii koe i te jQuery.
• Kia mahara ka tukuna hei huānga.

4) $ver:Putanga rauemi, ka taea.

5) $in_footer:Ka waiho e koe ki raro?

• Ko te tikanga, me whakanoho nga konae JS ki raro o te wharangi, ka taea e koe te tautuhi i tenei tawhā ki te Pono, waiho kia noho kau, he Heke ranei hei whakaputa ki runga.

Ka titiro tatou ki tetahi tauira tohutoro kōnae JavaScript kua oti ake ▼

<?php
function wpcwl_add_scripts() {
wp_register_script('plugin_script', plugins_url('plugin_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('plugin_script');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' ); 
?>

Ka whakamahi nga kaupapa WordPress i te wp_enqueue_script hei kawemai i nga rauemi

Nga kaihōtaka i roto i te whanaketanga kaupapa WordPress, whakamahiwp_enqueue_scriptKawemai rauemi.

• Ko nga tauira i runga ake nei he tauira o nga rauemi tohutoro mo te whanaketanga mono WordPress.
• He rite tonu te tikanga e tohuhia ana i te kaupapa.

Ko te rereketanga nui ko te whakamahi i te mahi e rite ana ki te tiki i te raarangi kaupapa ki te tiki i te wahitau konae rauemi i raro i te kaupapa.

ka taea e koe te whakamahiget_template_directory_urimahi ki te tiki i te whaiaronga kaupapa o naianei.

Mena kei te whakamahi koe i te kaupapa tamaiti, me whakamahi koeget_stylesheet_directory_uriKa whiwhi te mahi i te whaiaronga o te kaupapa matua ki te tiki i nga rauemi e rite ana.