Kā WordPress pareizi ievieš JavaScript?Pielāgota JS un CSS failu ielāde

Programmētāji, kas izmanto WordPress vietņu veidošanai , izstrādājot WordPress spraudņus vai pielāgojot WordPress tēmas, atsauksies uz dažiem JavaScript un CSS skriptu resursiem.

• Parasti cilvēki izmanto saišu, skriptu tagus tieši HTML.
• Faktiski WordPress ir iebūvētas sarežģītas funkcijas un metodes skriptu atsaucei.
• Tātad WordPress iebūvēto metožu atsauču izmantošana ir profesionālāka un paplašināmāka.

Kļūdaina citēšanas metode

Ir divas izplatītas citēšanas metodes, tas ir labi, tas vienkārši nav ideāls vai saprātīgs.

1. metode: saites taga izmantošana, lai atsauktos uz CSS failu

• Skriptu tagi izmanto JS failus.Šeit nav detalizēti.

2. metode: izmantojiet funkciju wp_head

• Funkciju wp_head izmanto, lai izvadītu kādu pielāgotu vai sistēmas definētu saturu.
• Mēs dažreiz izmantojam šādu kodu, lai atsauktos uz šo failu:

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

• Kopējiet iepriekš minēto kodu failā functions.php, lai norādītu uz atbilstošajiem failiem.

WordPress Enqueue Scripts resursu mehānisms

Kā mēs visi zinām, WordPress ir daudz spraudņu:

• Gandrīz katrs spraudnis atsaucas uz kādu resursu failu.
• Neizbēgami radīsies konflikti starp resursiem, uz kuriem atsaucas divi spraudņi, kas kļūs nestabili un var ietekmēt efektivitāti.

Izmantojiet funkciju wp_enqueue_script

• Lai atsauktos uz WordPress resursu, jums vajadzētu izmantotwp_enqueue_scriptFunkcija, kuras rindā ievietotās vai sakārtotās funkcijas nosaukumā ir vārds enqueue.
• Izmantojot WordPress veidu, kā ievietot resursus rindā (Enqueue Scripts), atsauces tiek atdalītas no atbilstošajiem failiem un pamatkoda.
• Ja lietotājs vēlas atspējot resursu, viņš var to dzēst, modificēt un komentēt, nepārveidojot to no pamatkoda.

WordPress ir iebūvētas arī dažas bieži izmantotas bibliotēkas, piemēram, jQuery, jQuery UI utt.

Mēs varam izmantot funkciju wp_enqueue_script, lai tieši izsauktu iebūvēto bibliotēku, kas saglabā kodu un tīrāku specifikāciju.

Ja izmantojat šo funkciju, lai atsauktos uz saviem JS un CSS failiem, jums ir jāizmantowp_register_scriptFunkcija reģistrē identifikatoru (rokturi) un pēc tam izmantowp_enqueue_scriptFunkcija izsauc resursu, kas atbilst šim karogam.

Kā pareizi importēt JS un CSS failus programmā WordPress?

WordPress nodrošina saprātīgas importēšanas metodes JS un CSS metodēm.

Varat izmantot tālāk norādīto kodu, lai spraudnī importētu failu plugin.css

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

Iepriekš minētais izmanto funkciju wp_register_script, lai izveidotu resursu ar identifikatoru plugin_stylesheet.

Pēc tam pievienojiet tās rindā esošos pieprasījumuswp_enqueue_scriptsdarbības notiek.

Lai gan funkcijas nosaukums ir skripts, tam nav nekāda sakara ar resursa faila veidu un tas ir derīgs gan CSS, gan JS.

Funkcija wp_register_script patiešām nav tik vienkārša, tai var būt pieci parametri:

1) $handle: Resursa identifikators.

• 由wp_enqueue_scriptnodošana.

2) $src: Resursa atrašanās vieta.

• Relatīvās vai absolūtās adreses izmanto WordPress iebūvētās funkcijas, lai iegūtu adreses utt.
• BiežiPozicionēšanafunkcijai irplugins_url,get_template_directory_uriPagaidiet.

3) $deps: Atkarība.

• Ja atsaucaties uz jQuery spraudni un jums ir jāpaļaujas uz jQuery būvējumu, jums ir jāaizpilda jQuery.
• Ņemiet vērā, ka tas tiek nodots kā masīvs.

4) $ver: Resursa versija, pēc izvēles.

5) $in_footer: Vai tas jānovieto apakšā?

• Parasti JS faili ir jānovieto lapas apakšā, varat iestatīt šo parametru uz True, atstāt tukšu vai False, lai izvadītu uz augšu.

Apskatīsim pilnīgāku JavaScript faila atsauces piemēru ▼

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

WordPress motīvi resursu importēšanai izmanto wp_enqueue_script

Programmētāji WordPress motīvu izstrādē, lietošanāwp_enqueue_scriptImportēt resursus.

• Iepriekš minētie piemēri ir atsauces resursu piemēri WordPress spraudņa izstrādei.
• Tēmā minētā metode ir līdzīga.

Galvenā atšķirība ir izmantot atbilstošo funkciju, lai iegūtu motīvu direktoriju, lai iegūtu resursa faila adresi zem tēmas.

tu vari izmantotget_template_directory_urifunkcija, lai iegūtu pašreizējo motīvu direktoriju.

Ja izmantojat bērnu motīvu, jums tas būs jāizmantoget_stylesheet_directory_uriFunkcija iegūst vecākmotīva direktoriju, lai iegūtu atbilstošos resursus.