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Кезекке коюлган же сорттолгон функциянын атында кезек сөзү бар функция.
• WordPress'тин ресурстарды тизүү жолу менен (Enqueue Scripts) шилтемелер тиешелүү файлдардан жана негизги коддон бөлүнөт.
• Колдонуучу ресурсту өчүрүүнү кааласа, аны негизги коддон өзгөртпөстөн өчүрүп, өзгөртүп жана комментарий бере алат.

Ошондой эле, jQuery, jQuery UI, ж.б. сыяктуу кеңири колдонулган кээ бир китепканалар WordPressке курулган.

Биз wp_enqueue_script функциясын колдонуп, камтылган китепкананы түз чакырсак болот, бул кодду жана тазараак спецификацияны сактайт.

Эгер сиз бул функцияны өзүңүздүн JS жана CSS файлдарыңызга шилтеме кылуу үчүн колдонсоңуз, анда колдонушуңуз керекwp_register_scriptФункция идентификаторду (туткасы) каттайт жана андан кийин колдонотwp_enqueue_scriptФункция бул желекке туура келген ресурсту чакырат.

WordPressте JS жана CSS файлдарын кантип туура импорттоо керек?

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

Жогорудагы идентификатор plugin_stylesheet менен ресурс түзүү үчүн wp_register_script функциясын колдонот.

Андан кийин, анын кезектеги суроо-талаптарын кошуңуз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Функция тиешелүү ресурстарды алуу үчүн негизги теманын каталогун алат.