როგორ ნერგავს WordPress სწორად JavaScript-ს?JS და CSS ფაილების მორგებული ჩატვირთვა

用WordPress საიტიპროგრამისტები, განვითარებადიWordPress მოდულიან WordPress თემის მორგებისას, JavaScript და CSS სკრიპტირების ზოგიერთი რესურსი მითითებულია.

• ჩვეულებრივ, ადამიანები იყენებენ ბმულს, სკრიპტის ტეგებს პირდაპირ HTML-ისთვის.
• სინამდვილეში, WordPress-ს აქვს ჩაშენებული დახვეწილი ფუნქციები და მეთოდები სკრიპტების მითითებისთვის.
• ასე რომ, WordPress-ის ჩაშენებული მეთოდის მითითებების გამოყენება უფრო პროფესიონალური და უფრო გაფართოებულია.

ციტირების არასწორი მეთოდი

არსებობს ციტირების ორი გავრცელებული მეთოდი, ეს კარგია, უბრალოდ არ არის სრულყოფილი ან გონივრული.

ტიპი 1:ბმულის ტეგები ეხება CSS ფაილებს

• სკრიპტის ტეგები ვრცელდება JS ფაილებზე.აქ დეტალურად არ არის.

ტიპი 2:გამოიყენეთ wp_head ფუნქცია

• wp_head ფუნქცია გამოიყენება ზოგიერთი მორგებული ან სისტემით განსაზღვრული შინაარსის გამოსატანად.
• ჩვენ ზოგჯერ ვიყენებთ შემდეგ კოდს ამ ფაილის მითითებისთვის:

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

• დააკოპირეთ ზემოაღნიშნული კოდი functions.php ფაილში შესაბამის ფაილებზე მითითებისთვის.

WordPress Enqueue Scripts რესურსების მექანიზმი

როგორც ყველამ ვიცით, WordPress-ს აქვს უამრავი მოდული:

• თითქმის ყველა მოდული მიუთითებს ზოგიერთ რესურს ფაილზე.
• გარდაუვალი იქნება კონფლიქტები რესურსებს შორის, რომლებიც მითითებულია ორი დანამატით, რაც გახდება არასტაბილური და შეიძლება გავლენა იქონიოს ეფექტურობაზე.

გამოიყენეთ wp_enqueue_script ფუნქცია

• WordPress-ში რესურსის მითითებისთვის თქვენ უნდა გამოიყენოთwp_enqueue_scriptფუნქცია, რომელსაც აქვს სიტყვა enqueue რიგის ან დახარისხებული ფუნქციის სახელში.
• WordPress-ის რესურსების რიგის ამ მეთოდით (Enqueue Scripts), ცნობები გამოყოფილია შესაბამისი ფაილებიდან და ძირითადი კოდისგან.
• თუ მომხმარებელს სურს რესურსის გამორთვა, მას შეუძლია წაშალოს, შეცვალოს და დააფიქსიროს ის ძირითადი კოდიდან შეცვლის გარეშე.

ასევე, ზოგიერთი ხშირად გამოყენებული ბიბლიოთეკა, როგორიცაა jQuery, jQuery UI და ა.შ. ჩაშენებულია WordPress-ში.

ჩვენ შეგვიძლია გამოვიყენოთ wp_enqueue_script ფუნქცია უშუალოდ ჩაშენებული ბიბლიოთეკის გამოსაძახებლად, რომელიც ინახავს კოდს და უფრო სუფთა სპეციფიკაციას.

თუ ამ ფუნქციას იყენებთ საკუთარი JS და CSS ფაილების მითითებისთვის, უნდა გამოიყენოთwp_register_scriptფუნქცია აღრიცხავს იდენტიფიკატორს (სახელურს) და შემდეგ იყენებსwp_enqueue_scriptფუნქცია იძახებს ამ დროშის შესაბამის რესურსს.

როგორ სწორად შემოვიტანოთ JS და CSS ფაილები WordPress-ში?

WordPress გთავაზობთ გონივრულ იმპორტის მეთოდებს 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 ფუნქცია, რათა შექმნას რესურსი იდენტიფიკატორის plugin_stylesheet-ით.

შემდეგ დაამატეთ მისი რიგის მოთხოვნებიwp_enqueue_scriptsმოქმედებები მოქმედებს.

მიუხედავად იმისა, რომ ფუნქციის სახელი არის სკრიპტი, მას არაფერი აქვს საერთო რესურსის ფაილის ტიპთან და მოქმედებს როგორც CSS, ასევე JS-სთვის.

wp_register_script ფუნქცია ნამდვილად არ არის მარტივი, მას შეიძლება ჰქონდეს ხუთი პარამეტრი:

1) $handle:რესურსის იდენტიფიკატორი.

• 由wp_enqueue_scriptგადაცემა.

2) $src:რესურსის მდებარეობა.

• შედარებითი ან აბსოლუტური მისამართები იყენებენ WordPress-ის ჩაშენებულ ფუნქციებს მისამართების მისაღებად და ა.შ.
• საერთოპოზიციონირებაფუნქცია აქვსplugins_url,get_template_directory_uri。

3) $deps:დაეყრდნონ.

• თუ თქვენ გულისხმობთ jQuery დანამატს და უნდა დაეყრდნოთ jQuery build-ს, უნდა შეავსოთ jQuery.
• გაითვალისწინეთ, რომ ის გადაეცემა მასივის სახით.

4) $ver:რესურსის ვერსია, სურვილისამებრ.

5) $in_footer:ბოლოში აყენებ?

• ჩვეულებრივ, JS ფაილები უნდა განთავსდეს გვერდის ბოლოში, შეგიძლიათ დააყენოთ ეს პარამეტრი True-ზე, დატოვოთ იგი ცარიელი ან False, რომ გამოიყვანოთ ზევით.

მოდით შევხედოთ უფრო სრულ JavaScript ფაილის მითითების მაგალითს ▼

<?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 თემები იყენებს wp_enqueue_script რესურსების იმპორტისთვის

პროგრამისტები WordPress თემის შემუშავებაში, გამოყენებაwp_enqueue_scriptრესურსების იმპორტი.

• ზემოაღნიშნული მაგალითები არის WordPress მოდულების შემუშავებისთვის მითითებული რესურსების მაგალითები.
• თემაში მითითებული მეთოდი მსგავსია.

მთავარი განსხვავება არის შესაბამისი ფუნქციის გამოყენება თემის დირექტორიას მისაღებად, რომ მიიღოთ რესურსის ფაილის მისამართი თემის ქვეშ.

შეგიძლია გამოიყენოget_template_directory_uriფუნქცია მიმდინარე თემის დირექტორიას მისაღებად.

თუ იყენებთ საბავშვო თემას, უნდა გამოიყენოთget_stylesheet_directory_uriფუნქცია იღებს მთავარი თემის დირექტორიას შესაბამისი რესურსების მისაღებად.