Beherrschen Sie schnell die Methode zum Laden von JavaScript-Skripten in WordPress_Javascript-Kenntnissen

Um Skriptdateien (CSS und JS, siehe unten) in WordPress zu laden, besteht die Vorgehensweise der meisten Leute darin, das Link-Tag direkt zur Datei header.php hinzuzufügen oder das Link-Tag über den wp_head-Hook direkt zum Head-Tag hinzuzufügen . Diese Praxis verstößt gegen offizielle Normen.

Die Standardmethode zum Laden von Skripten sollte darin bestehen, die von WordPress offiziell bereitgestellten Funktionen zu verwenden (wird später besprochen). Der erste ist, dass er sicherer und einfacher zu verwalten ist ist bequemer und schneller, und nicht nur das Theme kann gemountet werden, es können auch Skripte und Plug-Ins verwendet werden, und sie können auch Skripte verwalten, die Montagereihenfolge und den Speicherort anpassen sowie andere Inhalte.

In welchen Haken wird geladen?

Bevor wir die Ladeskriptfunktion aufrufen, müssen wir zunächst bestimmen, an welchem ​​Hook die Funktion ausgeführt wird. Es gibt vier häufig verwendete Skriptlade-Hooks, nämlich wp_enqueue_scripts (Laden im Vordergrund), admin_enqueue_scripts (Laden im Hintergrund), login_enqueue_scripts ( Laden in der Login-Seite laden) und init (globales Laden).

Das am häufigsten verwendete ist wahrscheinlich wp_enqueue_scripts. Wenn Sie es hier mounten, wird das Skript nur im Vordergrund geladen.

JavaScript-Skript laden

Zum Beispiel möchte ich ein JS im Vordergrund laden, also die Datei „themes.js“ im JS-Ordner des Theme-Stammverzeichnisses. Zuerst müssen Sie die Funktion wp_register_script() verwenden, um JS zur Skriptbibliothek hinzuzufügen (das Skript registrieren), und dann die Funktion wp_enqueue_script() verwenden, um das Skript bereitzustellen.

function Bing_enqueue_scripts(){
  wp_register_script( 'themes_js', get_bloginfo( 'template_directory' ) . '/js/themes_js.js' );//注册 ID 为 themes_js 的 JS 脚本
  wp_enqueue_script( 'themes_js' );//挂载脚本
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

CSS-Skript laden

function Bing_enqueue_scripts(){
  wp_register_style( 'style', get_bloginfo( 'template_directory' ) . '/style.css' );
  wp_enqueue_style( 'style' );
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

Zusammenfassung

In diesem Artikel wird nur kurz erläutert, wie Skripte geladen werden, indem der Skript-Warteschlangenmechanismus ordnungsgemäß verwendet wird, um das Programm flexibler zu machen und die Effizienz zu steigern.