Cumu WordPress introduce bè JavaScript?Caricamentu persunalizatu di i fugliali JS è CSS

perU situ di WordPressprogramatori, sviluppuplugin WordPressO quandu persunalizà un tema di WordPress, alcuni risorse di scripting JavaScript è CSS sò riferiti.

• Di solitu, a ghjente usa link, script tags direttamente per HTML.
• In fattu, WordPress hà integratu funzioni è metudi sofisticati per i script di riferimentu.
• Dunque, utilizendu e referenze di u metudu integratu di WordPress hè più prufessiunale è più estensibile.

U metudu di citazioni difettu

Ci hè dui metudi cumuni di citazione, hè bè, ùn hè micca solu perfettu o raghjone.

Tipu 1:i tags di ligame riferenu à i schedarii CSS

• I tag di script applicanu i fugliali JS.Ùn hè micca dettagliatu quì.

Tipu 2:Aduprate a funzione wp_head

• A funzione wp_head hè aduprata per pruduce un cuntenutu persunalizatu o definitu da u sistema.
• A volte usemu u codice seguente per riferite stu schedariu:

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

• Copia u codice sopra in u schedariu functions.php per riferite i schedarii currispundenti.

Meccanisimu di risorse WordPress Enqueue Scripts

Comu tutti sapemu, WordPress hà assai plugins:

• Quasi tutti i plugins riferite à qualchì schedariu di risorse.
• Inevitabbilmente, ci saranu cunflitti trà e risorse riferite da dui plugins, chì diventeranu inestabile è ponu influenzà l'efficienza.

Aduprate a funzione wp_enqueue_script

• Per riferite una risorsa in WordPress duvete adupràwp_enqueue_scriptUna funzione chì hà a parolla enqueue in u nome di a funzione enqueued o ordinata.
• Cù stu modu di WordPress di enqueueing risorse (Enqueue Scripts), i referenze sò siparati da i schedarii currispondenti è u codice core.
• Se l'utilizatore vole disattivà a risorsa, pò sguassà, mudificà è cummentà senza mudificà da u codice core.

Inoltre, alcune biblioteche cumunimenti usate cum'è jQuery, jQuery UI, etc. sò integrati in WordPress.

Pudemu aduprà a funzione wp_enqueue_script per chjamà direttamente a biblioteca integrata, chì salva u codice è una specificazione più clara.

Se aduprate sta funzione per riferite i vostri propri schedari JS è CSS, avete bisognu di utilizàwp_register_scriptA funzione registra un identificatore (maniglia) è poi usawp_enqueue_scriptA funzione chjama a risorsa chì currisponde à sta bandiera.

Cumu impurtà bè i fugliali JS è CSS in WordPress?

WordPress furnisce metudi d'importazione sensibili per i metudi JS è CSS.

Pudete aduprà u codice seguente per impurtà u schedariu plugin.css in u 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' ); 
?>

U sopra utilizeghja a funzione wp_register_script per creà una risorsa cù l'identificatore plugin_stylesheet.

Dopu, aghjunghje e so dumande in fila àwp_enqueue_scriptsl'azzioni sò in opera.

Ancu se u nome di a funzione hè un script, ùn hà nunda di fà cù u tipu di schedariu di risorse è hè validu per CSS è JS.

A funzione wp_register_script ùn hè micca cusì simplice, pò avè cinque parametri:

1) $ handle :Identificatore di risorsa.

• 由wp_enqueue_scripttrasferimentu.

2) $src:U locu di a risorsa.

• L'indirizzi parenti o assoluti utilizanu funzioni integrate di WordPress per uttene indirizzi, etc.
• CumunuPusizionamentua funzione hàplugins_url,get_template_directory_uriAspetta.

3) $deps:affidà.

• Sè vo site riferite à u plugin jQuery è avete bisognu di cunfidassi di jQuery per custruisce, avete bisognu di riempie jQuery.
• Nota chì hè passatu cum'è un array.

4) $ver:Versione di risorsa, opzionale.

5) $in_footer:A mette in fondu ?

• Nurmalmenti, i schedari JS deve esse piazzatu à u fondu di a pagina, pudete stabilisce stu paràmetru à True, lasciate in biancu o False per a pruduzzioni à a cima.

Fighjemu un esempiu di riferimentu di file JavaScript più cumpletu ▼

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

I temi di WordPress utilizanu wp_enqueue_script per impurtà risorse

Programatori in u sviluppu di u tema di WordPress, adupratewp_enqueue_scriptRisorse impurtate.

• L'esempii sopra sò esempi di risorse riferite per u sviluppu di plugin WordPress.
• U metudu riferitu in u tema hè simili.

A principal diferenza hè di utilizà a funzione currispondente per uttene u repertoriu di u tema per uttene l'indirizzu di u schedariu di risorsa sottu u tema.

pudete adupràget_template_directory_urifunzione per uttene u cartulare di u tema attuale.

Sè vo aduprate un tema zitellu, vi tuccherà à adupràget_stylesheet_directory_uriA funzione riceve u repertoriu di u tema parent per uttene e risorse currispondenti.