Kif jintroduċi WordPress sew JavaScript?Tagħbija apposta ta 'fajls JS u CSS

UżaWebsajt WordPressprogrammaturi, jiżviluppawplugin WordPressJew meta tippersonalizza tema WordPress, xi riżorsi ta 'scripting JavaScript u CSS huma referenzjati.

• Normalment, in-nies jużaw link, tags b'kitba direttament għall-HTML.
• Fil-fatt, WordPress għandu funzjonijiet u metodi sofistikati inkorporati għar-referenzjar ta 'skripts.
• Għalhekk, l-użu tar-referenzi tal-metodu integrat ta 'WordPress huwa aktar professjonali u aktar estensibbli.

Il-metodu ta 'ċitazzjoni difettuż

Hemm żewġ metodi ta 'ċitazzjoni komuni, huwa tajjeb, huwa sempliċement mhux perfett jew raġonevoli.

Tip 1:it-tikketti tal-link jirreferu għal fajls CSS

• It-tikketti tal-iskript japplikaw fajls JS.Mhux dettaljat hawn.

Tip 2:Uża l-funzjoni wp_head

• Il-funzjoni wp_head tintuża biex toħroġ xi kontenut personalizzat jew definit mis-sistema.
• Xi kultant nużaw il-kodiċi li ġej biex nirreferu għal dan il-fajl:

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

• Ikkopja l-kodiċi ta 'hawn fuq fil-fajl functions.php biex tirreferi għall-fajls korrispondenti.

Mekkaniżmu tar-riżorsi WordPress Enqueue Scripts

Kif nafu lkoll, WordPress għandu ħafna plugins:

• Kważi kull plugin jirreferi għal xi fajl tar-riżorsi.
• Inevitabbilment, se jkun hemm kunflitti bejn ir-riżorsi referenzjati minn żewġ plugins, li jsiru instabbli u jistgħu jaffettwaw l-effiċjenza.

Uża l-funzjoni wp_enqueue_script

• Biex tirreferi għal riżors f'WordPress għandek tużawp_enqueue_scriptFunzjoni li għandha l-kelma enqueue fl-isem tal-funzjoni mdawra jew magħżula.
• Bil-mod ta 'WordPress ta' enqueueing riżorsi (Enqueue Scripts), ir-referenzi huma separati mill-fajls korrispondenti u l-kodiċi tal-qalba.
• Jekk l-utent irid jiskonnettja r-riżors, jista 'jħassar, jimmodifika u jikkummenta mingħajr ma jimmodifikaha mill-kodiċi ewlieni.

Ukoll, xi libreriji użati komunement bħal jQuery, jQuery UI, eċċ huma mibnija f'WordPress.

Nistgħu nużaw il-funzjoni wp_enqueue_script biex insejħu l-librerija integrata direttament, li tiffranka kodiċi u speċifikazzjoni aktar nadifa.

Jekk tuża din il-funzjoni biex tirreferi għall-fajls JS u CSS tiegħek, trid tużawp_register_scriptIl-funzjoni tirreġistra identifikatur (manku) u mbagħad tużawp_enqueue_scriptIl-funzjoni ssejjaħ ir-riżorsa li tikkorrispondi għal din il-bandiera.

Kif timporta sew fajls JS u CSS f'WordPress?

WordPress jipprovdi metodi ta 'importazzjoni sensibbli għall-metodi JS u CSS.

Tista' tuża l-kodiċi li ġej biex timporta l-fajl plugin.css fil-plugin ▼

<?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' ); 
?>

Dan t'hawn fuq juża l-funzjoni wp_register_script biex joħloq riżors bl-identifikatur plugin_stylesheet.

Imbagħad, żid it-talbiet tagħha fil-kjuwp_enqueue_scriptsazzjonijiet qed joperaw.

Għalkemm l-isem tal-funzjoni huwa skript, m'għandu x'jaqsam xejn mat-tip ta' fajl tar-riżorsi u huwa validu kemm għal CSS kif ukoll għal JS.

Il-funzjoni wp_register_script mhix daqshekk sempliċi, jista' jkollha ħames parametri:

1) $manku:Identifikatur tar-riżorsi.

• 由wp_enqueue_scripttrasferiment.

2) $src:Il-post tar-riżorsa.

• Indirizzi relattivi jew assoluti jużaw funzjonijiet integrati ta 'WordPress biex jiksbu indirizzi, eċċ.
• Komunipożizzjonifunzjoni għandhaplugins_url,get_template_directory_uriStenna

3) $deps:tistrieħ.

• Jekk qed tirreferi għall-plugin jQuery u trid tistrieħ fuq il-bini jQuery, trid timla jQuery.
• Innota li hija mgħoddija bħala firxa.

4) $ver:Verżjoni tar-riżorsi, mhux obbligatorja.

5) $in_footer:Tpoġġiha fil-qiegħ?

• Normalment, il-fajls JS għandhom jitqiegħdu fil-qiegħ tal-paġna, tista 'tissettja dan il-parametru għal Veru, ħallieh vojt jew Falz biex joħroġ fil-quċċata.

Ejja nħarsu lejn eżempju ta' referenza tal-fajl JavaScript aktar komplut ▼

<?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' ); 
?>

Temi WordPress jużaw wp_enqueue_script biex jimportaw ir-riżorsi

Programmaturi fl-iżvilupp tat-tema WordPress, l-użuwp_enqueue_scriptRiżorsi ta 'importazzjoni.

• L-eżempji ta 'hawn fuq huma eżempji ta' riżorsi referenzjati għall-iżvilupp tal-plugin WordPress.
• Il-metodu referenzjat fis-suġġett huwa simili.

Id-differenza ewlenija hija li tuża l-funzjoni korrispondenti biex tikseb id-direttorju tat-tema biex tikseb l-indirizz tal-fajl tar-riżorsi taħt it-tema.

tista' tużaget_template_directory_urifunzjoni biex tikseb id-direttorju tat-tema attwali.

Jekk qed tuża tema tat-tfal, ser ikollok bżonn tużaget_stylesheet_directory_uriIl-funzjoni tikseb id-direttorju tat-tema prinċipali biex tikseb ir-riżorsi korrispondenti.