Чӣ тавр 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 такя кунед, шумо бояд 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Функсия феҳристи мавзӯи волидайнро барои гирифтани захираҳои мувофиқ мегирад.