WordPress JavaScript-i necə düzgün şəkildə təqdim edir?JS və CSS fayllarının fərdi yüklənməsi

Istifadə etmək üçünWordPress saytıproqramçılar, inkişaf edirWordPress plaginiVə ya WordPress mövzusunu fərdiləşdirərkən bəzi JavaScript və CSS skript resurslarına istinad edilir.

• Adətən insanlar birbaşa HTML üçün link, skript teqlərindən istifadə edirlər.
• Əslində, WordPress-də skriptlərə istinad etmək üçün daxili mürəkkəb funksiyalar və üsullar var.
• Beləliklə, WordPress-in daxili metod istinadlarından istifadə daha peşəkar və daha genişlənir.

Qüsurlu sitat üsulu

İki ümumi sitat üsulu var, yaxşıdır, sadəcə mükəmməl və ya ağlabatan deyil.

Növ 1:link teqləri CSS fayllarına istinad edir

• Skript teqləri JS fayllarını tətbiq edir.Burada təfərrüatlı deyil.

Növ 2:wp_head funksiyasından istifadə edin

• wp_head funksiyası bəzi xüsusi və ya sistem tərəfindən müəyyən edilmiş məzmunu çıxarmaq üçün istifadə olunur.
• Biz bəzən bu fayla istinad etmək üçün aşağıdakı koddan istifadə edirik:

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

• Müvafiq fayllara istinad etmək üçün yuxarıdakı kodu functions.php faylına köçürün.

WordPress Enqueue Scripts resurs mexanizmi

Hamımızın bildiyimiz kimi, WordPress-də çoxlu plaginlər var:

• Demək olar ki, hər bir plagin bəzi resurs faylına istinad edir.
• İstər-istəməz, iki plagin tərəfindən istinad edilən resurslar arasında ziddiyyətlər yaranacaq ki, bu da qeyri-sabit olacaq və səmərəliliyə təsir edə bilər.

wp_enqueue_script funksiyasından istifadə edin

• WordPress-də bir mənbəyə istinad etmək üçün istifadə etməlisinizwp_enqueue_scriptNövbəyə qoyulmuş və ya çeşidlənmiş funksiyanın adında enqueue sözü olan funksiya.
• Resursları sıxışdırmağın bu WordPress üsulu (Enqueue Scripts) ilə istinadlar müvafiq fayllardan və əsas koddan ayrılır.
• İstifadəçi resursu söndürmək istəyirsə, onu əsas koddan dəyişmədən silə, dəyişdirə və şərh edə bilər.

Həmçinin, jQuery, jQuery UI və s. kimi tez-tez istifadə olunan bəzi kitabxanalar WordPress-də quraşdırılmışdır.

Daxili kitabxanaya birbaşa zəng etmək üçün wp_enqueue_script funksiyasından istifadə edə bilərik ki, bu da kodu və daha təmiz spesifikasiyanı saxlayır.

Öz JS və CSS fayllarınıza istinad etmək üçün bu funksiyadan istifadə edirsinizsə, istifadə etməlisinizwp_register_scriptFunksiya identifikatoru (qulp) qeyd edir və sonra istifadə edirwp_enqueue_scriptFunksiya bu bayrağa uyğun resursu çağırır.

WordPress-də JS və CSS fayllarını necə düzgün idxal etmək olar?

WordPress JS və CSS metodları üçün həssas idxal üsulları təqdim edir.

Siz plugin.css faylını plaginə idxal etmək üçün aşağıdakı koddan istifadə edə bilərsiniz ▼

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

Yuxarıdakı identifikator plugin_stylesheet ilə resurs yaratmaq üçün wp_register_script funksiyasından istifadə edir.

Sonra onun növbəli sorğularını əlavə edinwp_enqueue_scriptstədbirlər həyata keçirilir.

Funksiya adı skript olsa da, onun resurs faylının növü ilə heç bir əlaqəsi yoxdur və həm CSS, həm də JS üçün etibarlıdır.

wp_register_script funksiyası həqiqətən o qədər də sadə deyil, onun beş parametri ola bilər:

1) $ tutacaq:Resurs identifikatoru.

• 由wp_enqueue_scripttransfer.

2) $src:Resursun yeri.

• Nisbi və ya mütləq ünvanlar ünvanları əldə etmək üçün WordPress daxili funksiyalarından istifadə edir və s.
• ÜmumiYerləşdirməfunksiyası varplugins_url,get_template_directory_uriGözləmək.

3) $deps:güvənmək.

• Əgər jQuery plagininə istinad edirsinizsə və jQuery quruluşuna etibar etməlisinizsə, jQuery-ni doldurmalısınız.
• Qeyd edək ki, o, massiv kimi ötürülür.

4) $ver:Resurs versiyası, isteğe bağlıdır.

5) $in_footer:Altına qoyursan?

• Normalda JS faylları səhifənin aşağı hissəsində yerləşdirilməlidir, siz bu parametri True olaraq təyin edə, yuxarıya çıxarmaq üçün onu boş və ya False olaraq qoya bilərsiniz.

Gəlin daha dolğun JavaScript faylına istinad nümunəsinə baxaq ▼

<?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 mövzuları resursları idxal etmək üçün wp_enqueue_script istifadə edir

WordPress mövzu inkişafında proqramçılar, istifadə edinwp_enqueue_scriptResursları idxal edin.

• Yuxarıdakı nümunələr WordPress plagininin inkişafı üçün istinad edilmiş mənbələrə nümunədir.
• Mövzuda istinad edilən üsul oxşardır.

Əsas fərq, mövzunun altında resurs faylı ünvanını əldə etmək üçün mövzu kataloqunu əldə etmək üçün müvafiq funksiyadan istifadə etməkdir.

istifadə edə bilərsənget_template_directory_uricari mövzu kataloqunu əldə etmək funksiyası.

Uşaq mövzusundan istifadə edirsinizsə, istifadə etməlisinizget_stylesheet_directory_uriFunksiya müvafiq resursları əldə etmək üçün əsas mövzunun kataloqunu alır.