Како 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Функцијата го повикува ресурсот што одговара на ова знаменце.

Како правилно да внесувате 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) $рачка:Идентификатор на ресурси.

• 由wp_enqueue_scriptтрансфер.

2) $src:Локацијата на ресурсот.

• Релативните или апсолутните адреси користат вградени функции на WordPress за да добиваат адреси, итн.
• ЗаедничкиПозиционирањефункција имаplugins_url,get_template_directory_uri。

3) $deps:се потпираат.

• Ако се однесувате на приклучокот jQuery и треба да се потпрете на jQuery за да се изгради, треба да го пополните jQuery.
• Забележете дека се пренесува како низа.

4) $ver:Верзија на ресурси, опционална.

5) $in_footer:Дали го ставате на дното?

• Вообичаено, JS-датотеките треба да се стават на дното на страницата, можете да го поставите овој параметар на Точно, да го оставите празно или Неточно да излезе на врвот.

Ајде да погледнеме поцелосен референтен пример на датотека 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Функцијата го добива директориумот на матичната тема за да ги добие соодветните ресурси.