Ahoana no ampidiran'ny WordPress ny JavaScript araka ny tokony ho izy?Fametrahana manokana ny rakitra JS sy CSS

fampiasanatranokala WordPressprogrammer, fampandrosoanaWordPress pluginNa rehefa manamboatra lohahevitry ny WordPress, misy loharanon-drakitra JavaScript sy CSS sasany holazaina.

• Matetika, ny olona dia mampiasa rohy sy marika script mivantana ho an'ny HTML.
• Raha ny marina, ny WordPress dia manana fiasa feno sy fomba fanondroana soratra.
• Noho izany, ny fampiasana ny fomba amam-panao naorina ao amin'ny WordPress dia matihanina kokoa sy azo ekena.

Fomba fanononana tsy fahampiana

Misy fomba roa iraisan'ny referansy, ary tsy misy maharatsy azy fa tsy tonga lafatra na mitombina.

Karazana 1:Ny tenifototra rohy dia manondro ny rakitra CSS

• Mampihatra rakitra JS ny tag script. Tsy hiditra amin'ny antsipiriany eto aho.

Karazana 2:Ampiasao ny fiasa wp_head

• Ny fiasa wp_head dia ampiasaina hamoahana votoaty manokana na rafitra voafaritra.
• Mampiasa ity code manaraka ity izahay indraindray mba hanondroana ity rakitra ity:

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

• Adikao ao amin'ny rakitra functions.php ity kaody etsy ambony ity mba hanondroana ny rakitra mety.

WordPress Enqueue Scripts Resource Mechanism

Araka ny fantatsika rehetra, WordPress dia manana plugins maro:

• Saika ny plugin rehetra dia manondro rakitra loharano sasany.
• Tsy azo ihodivirana fa hisy fifandirana eo amin'ireo loharano resahin'ireo plug-in roa, ary ireo loharanon-karena ireo dia hikorontana ary mety hisy fiantraikany amin'ny fahombiazany.

Mampiasa asa wp_enqueue_script

• Mba hanondro loharano ao amin'ny WordPress dia tokony hampiasainaowp_enqueue_scriptAsa misy ny teny hoe enqueue amin'ny anaran'ny asa izay milahatra na manasokajy.
• Amin'ny alàlan'ny fomba fiasa loharanon-karena Enqueue Scripts an'ny WordPress, ny references dia misaraka amin'ny rakitra mifanaraka amin'izany sy ny code fototra.
• Raha te-hanafoana ilay loharano ny mpampiasa dia afaka mamafa, manova ary maneho hevitra izy nefa tsy manova azy amin'ny kaody fototra.

Ho fanampin'izany, ny tranomboky sasany fampiasa matetika toy ny jQuery, jQuery UI, sns dia natsangana ao amin'ny WordPress.

Afaka mampiasa ny fiasa wp_enqueue_script izahay hiantso mivantana ny tranomboky naorina, izay afaka mitahiry kaody sy famaritana mazava kokoa.

Raha mampiasa ity fiasa ity ianao hanondroana ny rakitra JS sy CSS anao manokana dia mila mampiasa ianaowp_register_scriptNy fonction dia manoratra ny maha-izy azy (tanana) ary avy eo dia mampiasawp_enqueue_scriptNy asa dia miantso ny loharano mifanaraka amin'io saina io.

Ahoana ny fomba fanafarana rakitra JS sy CSS amin'ny WordPress?

WordPress dia manome fomba fampidirana mety ho an'ny fomba JS sy CSS.

Azonao ampiasaina ity kaody manaraka ity hampidirana ny rakitra plugin.css amin'ny 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' ); 
?>

Ity ambony ity dia mampiasa ny fiasa wp_register_script mba hamoronana loharano miaraka amin'ny identifier plugin_stylesheet.

Avy eo, ampio ny fangatahana nilahatra azywp_enqueue_scriptsMandeha ny hetsika.

Na dia script aza ny anaran'ny asa dia tsy miankina amin'ny karazana rakitra loharano izy io ary manan-kery ho an'ny CSS sy JS.

Tsy dia tsotra loatra ny fiasan'ny wp_register_script. Mety misy masontsivana dimy izy io:

1) $ tanana:Resource identifier.

• 由wp_enqueue_scriptfamindrana.

2) $src:Ny toerana misy ny loharanon-karena.

• Ny adiresy havanana na tanteraka dia mampiasa fiasa naorina WordPress mba hahazoana adiresy sns.
• MahazatratoeranyNy asa dia mananaplugins_url,get_template_directory_uri等.

3) $ deps:miantehitra.

• Raha miresaka momba ny jQuery plug-in ianao ary mila aorina amin'ny jQuery dia mila mameno ny jQuery ianao.
• Azafady, mariho fa mandalo amin'ny array izy io.

4) $ver:Resource version, azo atao.

5) $in_footer:Te-hametraka azy eo amin'ny farany ambany ve ianao?

• Amin'ny ankapobeny, ny rakitra JS dia tokony hapetraka eo amin'ny faran'ny pejy, azonao atao ny mametraka an'io mari-pamantarana io amin'ny True, avelao ho banga na Diso izany ary hivoaka any an-tampony izany.

Andeha hojerentsika ny ohatra momba ny fichier JavaScript feno kokoa ▼

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

Ny lohahevitra WordPress dia mampiasa wp_enqueue_script mba hampidirana loharano

Mampiasa ny programa amin'ny fampivoarana lohahevitra WordPresswp_enqueue_scriptAmpidiro ny loharano.

• Ity ohatra etsy ambony ity dia ohatra iray amin'ny fitanisana loharano ho an'ny fampandrosoana plugin WordPress.
• Mitovy ny fomba voalaza ao amin'ilay lohahevitra.

Ny tena maha samy hafa dia ny fampiasa mifanaraka amin'izany dia ampiasaina mba hahazoana ny lahatahiry lohahevitra hahazoana ny adiresy rakitra loharano eo ambanin'ny lohahevitra.

azonao ampiasainaget_template_directory_uriAsa hahazoana ny lahatahiry lohahevitra ankehitriny.

Raha mampiasa lohahevitry ny ankizy ianao dia mila mampiasaget_stylesheet_directory_uriNy Function dia mahazo ny lahatahirin'ny lohahevitry ny ray aman-dreny mba hahazoana ireo loharano mifanaraka amin'izany.