Si e prezanton WordPress siç duhet JavaScript?Ngarkimi i personalizuar i skedarëve JS dhe CSS

përdorimUebfaqja e WordPressprogramues, në zhvillimplugin WordPressOse kur personalizoni një temë WordPress, referohen disa burime të skriptimit JavaScript dhe CSS.

• Zakonisht, njerëzit përdorin etiketat e lidhjeve, skripteve direkt për HTML.
• Në fakt, WordPress ka funksione dhe metoda të sofistikuara të integruara për referencën e skripteve.
• Pra, përdorimi i referencave të metodave të integruara të WordPress-it është më profesional dhe më i shtrirë.

Metoda e citimit me të meta

Ka dy metoda të zakonshme të citimit, është mirë, thjesht nuk është perfekte apo e arsyeshme.

Lloji 1:etiketat e lidhjeve i referohen skedarëve CSS

• Etiketat e skriptit aplikojnë skedarët JS.Nuk është e detajuar këtu.

Lloji 2:Përdorni funksionin wp_head

• Funksioni wp_head përdoret për të nxjerrë disa përmbajtje të personalizuara ose të përcaktuara nga sistemi.
• Ne ndonjëherë përdorim kodin e mëposhtëm për t'iu referuar këtij skedari:

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

• Kopjoni kodin e mësipërm në skedarin functions.php për t'iu referuar skedarëve përkatës.

Mekanizmi i burimeve të skripteve në radhë të WordPress

Siç e dimë të gjithë, WordPress ka shumë shtojca:

• Pothuajse çdo shtojcë referon disa skedarë burimesh.
• Në mënyrë të pashmangshme, do të ketë konflikte midis burimeve të referuara nga dy shtojca, të cilat do të bëhen të paqëndrueshme dhe mund të ndikojnë në efikasitetin.

Përdorni funksionin wp_enqueue_script

• Për të referuar një burim në WordPress duhet të përdorniwp_enqueue_scriptNjë funksion që ka fjalën radhë në emër të funksionit të renditur ose të renditur.
• Me këtë mënyrë WordPress të renditjes së burimeve (Enqueue Scripts), referencat ndahen nga skedarët përkatës dhe kodi bazë.
• Nëse përdoruesi dëshiron të çaktivizojë burimin, ai mund ta fshijë, modifikojë dhe komentojë atë pa e modifikuar atë nga kodi bazë.

Gjithashtu, disa biblioteka të përdorura zakonisht si jQuery, jQuery UI, etj. janë të integruara në WordPress.

Ne mund të përdorim funksionin wp_enqueue_script për të thirrur drejtpërdrejt bibliotekën e integruar, e cila ruan kodin dhe një specifikim më të pastër.

Nëse e përdorni këtë funksion për t'iu referuar skedarëve tuaj JS dhe CSS, duhet ta përdorniwp_register_scriptFunksioni regjistron një identifikues (dorezë) dhe më pas përdorwp_enqueue_scriptFunksioni thërret burimin që korrespondon me këtë flamur.

Si të importoni siç duhet skedarët JS dhe CSS në WordPress?

WordPress ofron metoda të ndjeshme importi për metodat JS dhe CSS.

Mund të përdorni kodin e mëposhtëm për të importuar skedarin plugin.css në shtojcën ▼

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

Më sipër përdor funksionin wp_register_script për të krijuar një burim me identifikuesin plugin_stylesheet.

Më pas, shtoni kërkesat e tij në radhëwp_enqueue_scriptsveprimet janë në veprim.

Megjithëse emri i funksionit është një skript, ai nuk ka të bëjë fare me llojin e skedarit të burimit dhe është i vlefshëm si për CSS ashtu edhe për JS.

Funksioni wp_register_script nuk është me të vërtetë aq i thjeshtë, ai mund të ketë pesë parametra:

1) $handle:Identifikuesi i burimit.

• 由wp_enqueue_scripttransferimi.

2) $src:Vendndodhja e burimit.

• Adresat relative ose absolute përdorin funksione të integruara të WordPress për të marrë adresa, etj.
• I zakonshëmPozicionimifunksion kaplugins_url,get_template_directory_uri等.

3) $deps:mbështeten.

• Nëse i referoheni shtojcës jQuery dhe duhet të mbështeteni në jQuery për të ndërtuar, duhet të plotësoni jQuery.
• Vini re se ai kalohet si një grup.

4) $ver:Versioni i burimit, opsional.

5) $in_footer:E vendosni në fund?

• Normalisht, skedarët JS duhet të vendosen në fund të faqes, mund ta vendosni këtë parametër në True, ta lini bosh ose False për të dalë në krye.

Le të shohim një shembull më të plotë referimi të skedarit JavaScript ▼

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

Temat e WordPress përdorin wp_enqueue_script për të importuar burime

Programuesit në zhvillimin e temave të WordPress, përdorinwp_enqueue_scriptBurimet e importit.

• Shembujt e mësipërm janë shembuj të burimeve të referuara për zhvillimin e shtojcave të WordPress.
• Metoda e referuar në temë është e ngjashme.

Dallimi kryesor është përdorimi i funksionit përkatës për të marrë direktorinë e temës për të marrë adresën e skedarit të burimit nën temë.

ju mund të përdorniget_template_directory_urifunksion për të marrë direktorinë aktuale të temës.

Nëse jeni duke përdorur një temë për fëmijë, do t'ju duhet ta përdorniget_stylesheet_directory_uriFunksioni merr direktorinë e temës mëmë për të marrë burimet përkatëse.