WordPress inonyatso kusuma sei JavaScript?Tsika kurodha mafaera eJS neCSS

shandisaWordPress webhusaitiprogrammers, kusimukiraWordPress pluginKana kana uchigadzirisa dingindira reWordPress, mamwe maJavaScript uye CSS zvinyorwa zvemanyorero zvinorehwa.

• Kazhinji, vanhu vanoshandisa chinongedzo, script tag zvakanangana neHTML.
• Muchokwadi, WordPress ine yakavakirwa-mukati mabasa akaomarara uye nzira dzekunongedza zvinyorwa.
• Saka, kushandisa WordPress 'yakavakirwa-mukati nzira mareferensi kune hunyanzvi uye inowedzera.

Iyo yakakanganisa citation nzira

Pane nzira mbiri dzakajairika dzekutaura, zvakanaka, hazvina kukwana kana zvine musoro.

Type 1:link tags zvinoreva mafaera eCSS

• Script tags inoshandisa JS mafaera.Hazvina kutsanangurwa pano.

Type 2:Shandisa wp_head basa

• Iyo wp_head basa rinoshandiswa kuburitsa imwe tsika kana system-yakatsanangurwa zvemukati.
• Isu dzimwe nguva tinoshandisa iyo inotevera kodhi kuratidza iyi faira:

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

• Kopa kodhi iri pamusoro mumabasa.php faira kuti utaure mafaera anoenderana.

WordPress Enqueue Scripts resource mechanism

Sezvatinoziva tese, WordPress ine akawanda plugins:

• Anenge ese plugin anonongedzera imwe resource faira.
• Nenzira isingadzivisiki, pachave nekunetsana pakati pezviwanikwa zvinorehwa nemaplugins maviri, ayo anozove asina kugadzikana uye anogona kukanganisa kushanda zvakanaka.

Shandisa wp_enqueue_script basa

• Kuti utaure sosi muWordPress iwe unofanirwa kushandisawp_enqueue_scriptChiitiko chine izwi rekuti enqueue muzita reiyo enqueued or sorted function.
• NeWordPress 'nzira yekuteedzera zviwanikwa (Enqueue Scripts), mareferensi akapatsanurwa kubva kumafaira anoenderana uye yakakosha kodhi.
• Kana mushandisi achida kudzima sosi, anogona kudzima, kuigadzirisa uye kuipindura pasina kuigadzirisa kubva kune yakakosha kodhi.

Zvakare, mamwe maraibhurari anowanzo shandiswa sejQuery, jQuery UI, nezvimwewo akavakirwa muWordPress.

Isu tinogona kushandisa wp_enqueue_script basa kufonera yakavakirwa-mukati raibhurari zvakananga, iyo inochengetedza kodhi uye yekuchenesa kutsanangurwa.

Kana iwe ukashandisa basa iri kuratidza yako wega JS uye CSS mafaera, iwe unofanirwa kushandisawp_register_scriptBasa racho rinonyora chiziviso (mubato) uye rinoshandisawp_enqueue_scriptBasa racho rinodaidza sosi inoenderana nemureza uyu.

Nzira yekupinza sei mafaera eJS neCSS muWordPress?

WordPress inopa nzira dzinonzwisisika dzekutumira kune JS uye CSS nzira.

Unogona kushandisa kodhi inotevera kuunza plugin.css faira muplugin ▼

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

Izvo zviri pamusoro zvinoshandisa wp_register_script basa kugadzira sosi ine identifier plugin_stylesheet.

Wobva wawedzera zvikumbiro zvaro zvakamisikidzwa kuwp_enqueue_scriptszviito zviri kushanda.

Kunyange zvazvo zita rekushanda riri script, harina chokuita nemhando yefaira resource uye rinoshanda kune zvose CSS neJS.

Iyo wp_register_script basa haisi nyore kudaro, inogona kuva nematanho mashanu:

1) $ kubata:Resource identifier.

• 由wp_enqueue_scripttransfer.

2) $src:Nzvimbo yechishandiso.

• Kero dzehukama kana dzakakwana dzinoshandisa WordPress yakavakirwa-mukati mabasa kuwana kero, nezvimwe.
• ZvakajairikaPositioningbasa rineplugins_url,get_template_directory_uriMirira.

3) $deps:vimba.

• Kana uri kureva jQuery plugin uye uchida kuvimba nejQuery kuvaka, unofanira kuzadza jQuery.
• Ziva kuti inopfuudzwa seyakarongwa.

4) $ver:Resource vhezheni, sarudzo.

5) $in_footer:Unoisa pasi here?

• Kazhinji, mafaera eJS anofanirwa kuiswa pazasi peji, unogona kuseta iyi parameter kuChokwadi, siya isina chinhu kana Nhema kuti ibudise kumusoro.

Ngatitarisei imwe yakazara yakazara JavaScript faira referensi muenzaniso ▼

<?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 themes anoshandisa wp_enqueue_script kupinza zviwanikwa

Vagadziri vezvirongwa muWordPress theme kuvandudza, shandisawp_enqueue_scriptKupinza zviwanikwa.

• Mienzaniso iri pamusoro apa mienzaniso yezviwanikwa zvakatarwa zveWordPress plugin development.
• Nzira inorehwa mumusoro inofanana.

Musiyano mukuru ndewekushandisa iro rinoenderana basa kuti uwane iyo theme dhairekitori kuti uwane resource file kero pasi pedingindira.

unogona kushandisaget_template_directory_urishanda kuti uwane yazvino theme directory.

Kana uri kushandisa mwana theme, unofanira kushandisaget_stylesheet_directory_uriBasa racho rinowana dhairekitori revabereki kuti vawane zviwanikwa zvinoenderana.