wake-up-neo.com

Wp_enqueue_scripts: Der Unterschied zwischen dem Aufruf von wp_enqueue_scripts zum Laden von Skripten und Stilen in einem benutzerdefinierten Design

Ich bin neu in WordPress. Ich habe angefangen, mein eigenes benutzerdefiniertes Thema zu erstellen. Beim Erstellen habe ich festgestellt, dass mit add_action('wp_enqueue_script', 'custom_script'); auch Stile hinzugefügt werden können.

Kann mir jemand den Unterschied zwischen der Verwendung von wp_enqueue_style und wp_enqueue_script zum Laden von Stilen und Skripten erklären?

3
Shyamali

wp_enqueue_scripts Action Hook:

WordPress bietet verschiedene Namen (oder Platzhalter), mit denen Rückruffunktionen innerhalb des Ausführungslebenszyklus von WordPress Core) eingefügt werden können. Diese werden Aktion und FilterHooks ) genannt.

wp_enqueue_scripts ist ein WordPress-Aktions-Hook.

Anmerkung:Es ist nicht wp_enqueue_script, sondern plural: wp_enqueue_scripts.

Mit diesem Hook fügen wir ein Skript oder einen Stil zur richtigen Zeit der WP Kernausführung hinzu. Es werden keine Stile oder Skripte selbst hinzugefügt, sondern lediglich unsere benutzerdefinierte Rückruffunktion eingefügt, damit WordPress sie zur richtigen Zeit ausführen kann. Der CODE sieht also so aus:

function custom_script_style_adding_function() {
    // CODE for adding styles / scripts
}
add_action( 'wp_enqueue_scripts', 'custom_script_style_adding_function' ); 

Funktionen zum Einreihen von Skripten und Stilen:

Da wir im Allgemeinen sowohl Skripte als auch Stile im HTML-Tag <head> hinzufügen, benötigt WordPress keine separaten Aktions-Hooks, um zu definieren, wann sie hinzugefügt werden sollen, da Skripte und Stile unterschiedliche HTML-Syntax haben , WordPress benötigt separate Funktionen, um sie tatsächlich zu HTML CODE hinzuzufügen. Bei Skripten ist die Funktion wp_enqueue_script() und bei Stilen ist die Funktion wp_enqueue_style() (beachten Sie die Verwendung von Singular Wörtern in diesen Funktionsnamen).

Wenn wir diese Funktionen zum Hinzufügen unserer Skripte und Stile verwenden, wird der endgültige CODE folgendermaßen aussehen:

function custom_script_style_adding_function() {
    wp_enqueue_script( 'my-js', get_stylesheet_directory_uri() . '/script.js' );
    wp_enqueue_style( 'my-css', get_stylesheet_directory_uri() . '/style.css' ); 
}
add_action( 'wp_enqueue_scripts', 'custom_script_style_adding_function' ); 

Einreihen von Skripten und Stilen in separate Funktionen:

Jeder Hook kann verwendet werden, um mehrere Rückruffunktionen anzuhängen. Daher können wir den Aktions-Hook wp_enqueue_scripts verwenden, um verschiedene benutzerdefinierte Funktionen zum Hinzufügen von Skripten und Stilen wie folgt hinzuzufügen:

// this function only adds scripts
function custom_script_adding_function() {
    wp_enqueue_script( 'my-js', get_stylesheet_directory_uri() . '/script.js' );
}
add_action( 'wp_enqueue_scripts', 'custom_script_adding_function' );

// this function only adds styles
function custom_style_adding_function() {
    wp_enqueue_style( 'my-css', get_stylesheet_directory_uri() . '/style.css' ); 
}
add_action( 'wp_enqueue_scripts', 'custom_style_adding_function' );

Dies ist im Wesentlichen dasselbe, der einzige Unterschied besteht darin, dass wir hier separate benutzerdefinierte Funktionen verwenden, um Skripte und Stile hinzuzufügen. Abgesehen von der Trennung von CODE für Stile und Skripte gibt es also keinen großen Unterschied zwischen diesem Ansatz und dem anderen Ansatz oben.

Weitere Lektüre:

Es gibt andere Skript- und Stilfunktionen in WordPress, die für verschiedene Szenarien nützlich sind. Überprüfen Sie beispielsweise die Verwandte Funktionen im Codex , um Informationen zu ähnlichen Funktionen für Skripte und Stile in WordPress zu erhalten. Diese Entwicklerdokumentation enthält auch einige nützliche Informationen.

4
Fayaz