ווי קען וואָרדפּרעסס באַקענען דזשאַוואַסקריפּט רעכט?מנהג לאָודינג פון JS און CSS טעקעס

פּראָגראַמירער וואָס נוצן וואָרדפּרעס צו בויען וועבזייטלעך וועלן רעפֿערירן צו עטלעכע דזשאַוואַסקריפּט און CSS סקריפּט רעסורסן ווען זיי אַנטוויקלען וואָרדפּרעס פּלוגינס אָדער קאַסטאַמייזן וואָרדפּרעס טעמעס.

• וסואַללי, מענטשן נוצן לינק, שריפט טאַגס גלייַך פֿאַר HTML.
• אין פאַקט, וואָרדפּרעסס האט אַ געבויט-אין סאַפיסטאַקייטיד פאַנגקשאַנז און מעטהאָדס פֿאַר רעפערענסינג סקריפּס.
• אַזוי, ניצן וואָרדפּרעסס 'געבויט-אין אופֿן באַווייַזן איז מער פאַכמאַן און מער עקסטענסיבלע.

די פלאָד סייטיישאַן אופֿן

עס זענען צוויי פּראָסט סייטיישאַן מעטהאָדס, עס איז פייַן, עס איז נאָר נישט גאנץ אָדער גלייַך.

מעטאָד 1: ניצן דעם לינק טאַג צו רעפֿערירן אַ CSS טעקע

• סקריפּט טאַגס צולייגן JS טעקעס.ניט דיטיילד דאָ.

מעטאָד 2: ניצן די wp_head פונקציע

• די wp_head פֿונקציע איז געניצט צו אַרויספירן עטלעכע מנהג אָדער סיסטעם-דיפיינד אינהאַלט.
• מיר מאל נוצן די פאלגענדע קאָד צו דערמאָנען דעם טעקע:

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

• נאָכמאַכן די אויבן קאָד אין די functions.php טעקע צו דערמאָנען די קאָראַספּאַנדינג טעקעס.

וואָרדפּרעסס ענקוועוע סקריפּטס מיטל מעקאַניזאַם

ווי מיר אַלע וויסן, וואָרדפּרעסס האט אַ פּלאַץ פון פּלוגינס:

• כּמעט יעדער פּלוגין רעפערס צו עטלעכע מיטל טעקע.
• ינעוואַטאַבלי, עס וועט זיין קאָנפליקט צווישן רעסורסן רעפערענסט דורך צוויי פּלוגינס, וואָס וועט ווערן אַנסטייבאַל און קען ווירקן עפעקטיווקייַט.

ניצן די wp_enqueue_script פונקציע

• צו דערמאָנען אַ מיטל אין וואָרדפּרעסס איר זאָל נוצןwp_enqueue_scriptא פֿונקציע וואָס האט די וואָרט enqueue אין די נאָמען פון די ענקוועועד אָדער סאָרטעד פֿונקציע.
• מיט וואָרדפּרעסס 'וועג פון ענקוועוינג רעסורסן (ענקוועו סקריפּטס), די באַווייַזן זענען אפגעשיידט פון די קאָראַספּאַנדינג טעקעס און האַרץ קאָד.
• אויב דער באַניצער וויל צו דיסייבאַל די מיטל, ער קענען ויסמעקן, מאָדיפיצירן און באַמערקן עס אָן מאָדיפיצירן עס פֿון די האַרץ קאָד.

אויך, עטלעכע קאַמאַנלי געוויינט לייברעריז ווי jQuery, jQuery UI, עטק זענען געבויט אין וואָרדפּרעסס.

מיר קענען נוצן די wp_enqueue_script פונקציע צו רופן די געבויט-אין ביבליאָטעק גלייַך, וואָס סאַוועס קאָד און אַ קלינער באַשרייַבונג.

אויב איר נוצן דעם פֿונקציע צו דערמאָנען דיין אייגענע JS און CSS טעקעס, איר דאַרפֿן צו נוצןwp_register_scriptדי פֿונקציע רעדזשיסטערז אַ ידענטיפיער (שעפּן) און דעמאָלט ניצטwp_enqueue_scriptדי פֿונקציע רופט די מיטל קאָראַספּאַנדינג צו דעם פאָן.

ווי צו אַרייַנפיר JS און CSS טעקעס אין וואָרדפּרעסס רעכט?

וואָרדפּרעסס גיט פיליק אַרייַנפיר מעטהאָדס פֿאַר JS און CSS מעטהאָדס.

איר קענען נוצן די פאלגענדע קאָד צו אַרייַנפיר די 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' ); 
?>

די אויבן ניצט די wp_register_script פונקציע צו שאַפֿן אַ מיטל מיט די ידענטיפיער פּלוגין_סטילעשעעט.

דערנאָך, לייג די ריקוועס פון די קייwp_enqueue_scriptsאַקשאַנז זענען אין אָפּעראַציע.

כאָטש די פֿונקציע נאָמען איז אַ שריפט, עס האט גאָרנישט צו טאָן מיט דעם טיפּ פון מיטל טעקע און איז גילטיק פֿאַר ביידע CSS און JS.

די wp_register_script פונקציע איז טאַקע נישט אַזוי פּשוט, עס קען האָבן פינף פּאַראַמעטערס:

1) $handle: רעסורס אידענטיפיצירער.

• 由wp_enqueue_scriptאַריבערפירן.

2) $src: די לאקאציע פון ​​די רעסורס.

• קאָרעוו אָדער אַבסאָלוט אַדרעסעס נוצן וואָרדפּרעסס געבויט-אין פאַנגקשאַנז צו באַקומען אַדרעסעס, עטק.
• פּראָסטפּאַזישאַנינגפֿונקציע האטplugins_url,get_template_directory_uriוואַרטן.

3) $deps: אפהענגיקייט.

• אויב איר ריפערד צו די jQuery פּלוגין און איר דאַרפֿן צו פאַרלאָזנ זיך די jQuery בויען, איר דאַרפֿן צו פּלאָמבירן אין jQuery.
• באַמערקונג אַז עס איז דורכגעגאנגען ווי אַ מענגע.

4) $ver: רעסורס ווערסיע, אפציאנאל.

5) $in_footer: זאָל עס געשטעלט ווערן בײַם דנאָ?

• נאָרמאַללי, JS טעקעס זאָל זיין געשטעלט אין די דנאָ פון די בלאַט, איר קענען שטעלן דעם פּאַראַמעטער צו אמת, לאָזן עס ליידיק אָדער פאַלש צו רעזולטאַט צו די שפּיץ.

זאל ס קוק אין אַ מער גאַנץ דזשאַוואַסקריפּט טעקע רעפֿערענץ בייַשפּיל ▼

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

וואָרדפּרעסס טעמעס נוצן wp_enqueue_script צו אַרייַנפיר רעסורסן

פּראָגראַממערס אין וואָרדפּרעסס טעמע אַנטוויקלונג, נוצןwp_enqueue_scriptאַרייַנפיר רעסורסן.

• די אויבן ביישפילן זענען ביישפילן פון רעפערענסט רעסורסן פֿאַר וואָרדפּרעסס פּלוגין אַנטוויקלונג.
• דער אופֿן רעפערענסט אין די טעמע איז ענלעך.

דער הויפּט חילוק איז צו נוצן די קאָראַספּאַנדינג פונקציע צו באַקומען די טעמע וועגווייַזער צו באַקומען די ריסאָרס טעקע אַדרעס אונטער די טעמע.

איר קענען נוצןget_template_directory_uriפונקציע צו באַקומען די קראַנט טעמע וועגווייַזער.

אויב איר נוצן אַ קינד טעמע, איר וועט דאַרפֿן צו נוצןget_stylesheet_directory_uriדי פֿונקציע געץ די וועגווייַזער פון דער פאָטער טעמע צו באַקומען די קאָראַספּאַנדינג רעסורסן.