WordPress çawa bi rêkûpêk JavaScript destnîşan dike?Barkirina xwerû ya pelên JS û CSS

boMalpera WordPressbernameçêkeran, pêşvediçinplugin WordPressAn jî dema ku mijarek WordPress-ê xweş bikin, hin çavkaniyên nivîsandina JavaScript û CSS têne referans kirin.

• Bi gelemperî, mirov rasterast ji bo HTML-ê etîketên girêdan, skrîptê bikar tînin.
• Bi rastî, WordPress ji bo referanskirina nivîsan fonksiyon û rêbazên sofîstîke yên çêkirî hene.
• Ji ber vê yekê, karanîna referansên rêbazê yên çêkirî yên WordPress-ê profesyoneltir û berfirehtir e.

Rêbaza vegotinê ya xelet

Du awayên vegotinê yên hevpar hene, ew baş e, ew ne bêkêmasî an maqûl e.

Tîpa 1:etîketên girêdanê pelên CSS-ê vedibêjin

• Etîketên skrîptê pelên JS bicîh dikin.Li vir ne berfireh.

Tîpa 2:Fonksiyona wp_head bikar bînin

• Fonksiyona wp_head ji bo derxistina hin naverokek xwerû an ji hêla pergalê ve hatî destnîşan kirin tê bikar anîn.
• Em carinan koda jêrîn bikar tînin ku vê pelê referans bikin:

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

• Koda jorîn di pelê functions.php-ê de kopî bikin da ku pelên peywendîdar referans bikin.

Mekanîzmaya çavkaniyê ya WordPress Enqueue Scripts

Wekî ku em hemî dizanin, WordPress gelek pêvek hene:

• Hema hema her pêvek hin pelê çavkaniyê referans dike.
• Ji neçarî, dê di navbera çavkaniyên ku ji hêla du pêvekan ve têne referans kirin de nakokî hebin, ku dê bêhêz bibin û dibe ku bandorê li ser bandorê bike.

Fonksiyona wp_enqueue_script bikar bînin

• Ji bo referansa çavkaniyek di WordPress de divê hûn bikar bîninwp_enqueue_scriptFonksiyonek ku di navê fonksiyona lihevkirî an rêzkirî de peyva enqueue heye.
• Bi awayê WordPress-ê ya peydakirina çavkaniyan (Enqueue Scripts), referans ji pelên têkildar û koda bingehîn têne veqetandin.
• Ger bikarhêner bixwaze çavkaniyê neçalak bike, ew dikare jêbibe, biguhezîne û şîrove bike bêyî ku wê ji koda bingehîn biguhezîne.

Di heman demê de, hin pirtûkxaneyên ku bi gelemperî têne bikar anîn mîna jQuery, jQuery UI, hwd di WordPress de têne çêkirin.

Em dikarin fonksiyona wp_enqueue_script bikar bînin da ku rasterast gazî pirtûkxaneya çêkirî bikin, ku kod û taybetmendiyek zelal xilas dike.

Heke hûn vê fonksiyonê bikar bînin ku pelên JS û CSS-ya xwe referans bikin, hûn hewce ne ku bikar bîninwp_register_scriptFonksiyon nasnameyek (destek) tomar dike û dûv re bikar tînewp_enqueue_scriptFonksiyon çavkaniya ku bi vê ala re têkildar e gazî dike.

Meriv çawa pelên JS û CSS-ê li WordPress-ê bi rêkûpêk import dike?

WordPress ji bo rêbazên JS û CSS rêbazên import-aqilmend peyda dike.

Hûn dikarin koda jêrîn bikar bînin da ku pelê plugin.css têxin nav pêvekê ▼

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

Ya jorîn fonksiyona wp_register_script bikar tîne da ku çavkaniyek bi nasnava plugin_stylesheet biafirîne.

Dûv re, daxwazên wê yên dorê lê zêde bikinwp_enqueue_scriptsçalakî di operasyonê de ne.

Dema ku navê fonksiyonê skrîptek e, têkiliya wê bi celebê pelê çavkaniyê re tune ye û hem ji bo CSS û JS-ê derbasdar e.

Fonksiyona wp_register_script bi rastî ne ew çend hêsan e, ew dikare pênc parameteran hebe:

1) $handle:Nasnameya çavkaniyê.

• 由wp_enqueue_scriptderbaskirin.

2) $src:Cihê çavkaniyê.

• Navnîşanên têkildar an bêkêmasî fonksiyonên çêkirî yên WordPress bikar tînin da ku navnîşan bistînin, hwd.
• HevrePositioningfonksiyon heyeplugins_url,get_template_directory_uri。

3) $deps:pişta xwe girêdan bi.

• Ger hûn behsa pêveka jQuery dikin û hewce ne ku xwe bispêrin avakirina jQuery, divê hûn jQuery dagirin.
• Bala xwe bidinê ku ew wekî rêzek tê derbas kirin.

4) $ver:Guhertoya çavkaniyê, vebijarkî.

5) $in_footer:Ma hûn wê di binê de datînin?

• Bi gelemperî, pelên JS divê li binê rûpelê bêne danîn, hûn dikarin vê parametreyê li True destnîşan bikin, wê vala bihêlin an jî False ku li jor derkeve.

Ka em li mînakek referansa pelê JavaScriptê ya bêkêmasî ▼ binêrin

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

Mijarên WordPress wp_enqueue_script bikar tînin da ku çavkaniyan derxînin

Bernamesaz di pêşkeftina mijara WordPress de, bikar tîninwp_enqueue_scriptÇavkaniyên Import.

• Mînakên jorîn mînakên çavkaniyên referanskirî yên ji bo pêşkeftina pêveka WordPress-ê ne.
• Rêbaza ku di mijarê de tê behs kirin bi heman rengî ye.

Cûdahiya sereke ev e ku meriv fonksiyona têkildar bikar bîne da ku pelrêça mijarê bigire da ku navnîşana pelê çavkaniyê di binê mijarê de bigire.

hûn dikarin bikar bîninget_template_directory_urifonksiyona ku pelrêça mijara heyî bigire.

Ger hûn mijarek zarok bikar bînin, hûn ê hewce bikin ku bikar bîninget_stylesheet_directory_uriFonksîyon pelrêça mijara dêûbavê digire da ku çavkaniyên têkildar bistîne.