wp_enqueue ist eine WordPress-Funktion, die es Entwicklern ermöglicht, Skripte (JavaScript-Dateien) und Stile (CSS-Dateien) zu enqueuen.
Das bedeutet, dass Entwickler WordPress mitteilen können, welche Skripte und Stile sie auf einer bestimmten Seite verwenden möchten, und WordPress wird sie automatisch laden.
Dies trägt dazu bei, dass Ihre Seiten schnell und effizient geladen werden, und kann auch Konflikte zwischen verschiedenen Skripten und Stilen verhindern.
Durch korrektes Enqueuing von Skripten können Entwickler Plugins, Themes und Websites erstellen, die effizient, wartbar und kompatibel sind.
Wann sollten Sie JavaScript und CSS in WordPress enqueuen?
Sie können JavaScript- und CSS-Code verwenden, um Ihre WordPress-Website anzupassen, und Entwickler verwenden diese Sprachen bei der Erstellung von WordPress-Plugins und -Themes.
- JavaScript läuft im Browser des Benutzers und wird verwendet, um Ihrer Website interaktive Elemente hinzuzufügen, wie z. B. Slider, Benachrichtigungen, Schaltflächen, Popups und mehr.
- CSS (Cascading Style Sheets) wird verwendet, um das visuelle Erscheinungsbild Ihrer Website zu definieren, wie z. B. die Größe und Farbe von Schriftarten, die Hintergrundfarbe und die Breite der Seite.
Wenn Sie Website-Besitzer sind und JavaScript und CSS zu bestimmten Beiträgen und Seiten hinzufügen möchten, müssen Sie wp_enqueue nicht verwenden. Stattdessen empfehlen wir die Verwendung des WPCode-Code-Snippets-Plugins, da dies der sicherste Weg ist, Code zu einer WordPress-Website hinzuzufügen.
Sie können mehr in unseren Anleitungen erfahren, wie Sie ganz einfach JavaScript und ganz einfach benutzerdefiniertes CSS zu Ihrer WordPress-Website hinzufügen.
Wenn Sie jedoch ein Entwickler sind oder lernen, wie man WordPress-Plugins und -Themes erstellt, müssen Sie JavaScript-Dateien und CSS-Stylesheets ordnungsgemäß in Ihre Projekte einreihen.
Wie funktioniert das WordPress Enqueue-System?
Neue Entwickler können den Fehler machen, Skripte und Stylesheets direkt in ihren Plugins und Themes aufzurufen. Dies kann zu Konflikten führen und die WordPress-Leistung beeinträchtigen.
Um diese Probleme zu vermeiden, bietet WordPress ein Enqueue-System. Dies gibt Entwicklern eine Möglichkeit, Skripte und Stylesheets zu laden, damit alles korrekt und ohne Konflikte funktioniert.
So funktioniert das Enqueue-System:
- Zuerst müssen Sie das Skript oder Stylesheet mit der Funktion
wp_registerregistrieren, damit WordPress weiß, dass es existiert und wo es zu finden ist. - Dann fügen Sie die Skripte und Stylesheets mit der wp_enqueue-Funktion hinzu, und dies teilt WordPress mit, dass Sie sie laden möchten.
- Dann, sobald die Seite geladen ist, lädt WordPress alle enqueued Skripte in der richtigen Reihenfolge, um sicherzustellen, dass alles ordnungsgemäß funktioniert.
Sie können mehr in unserem Leitfaden erfahren, wie Sie JavaScript und Stile in WordPress richtig hinzufügen.
Codebeispiele
Sie können die Funktionen wp_enqueue_script und wp_enqueue_style verwenden, um WordPress mitzuteilen, wann eine Datei geladen werden soll, wo sie zu finden ist und welche Abhängigkeiten sie hat.
Möglicherweise möchten Sie einige hilfreiche Codebeispiele sehen, die zeigen, wie das WordPress-Enqueue-System verwendet wird.
Hier ist ein Beispielcode, den Sie in Ihre Plugin-Dateien oder die functions.php Datei Ihres Themes einfügen können, um Skripte in WordPress ordnungsgemäß zu laden:
?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>
Und hier ist ein Beispiel, wie Sie Ihre Stylesheets einreihen:
<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_style('my_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );
?>
Vollständige Erklärungen dieser Codebeispiele finden Sie in unserer Anleitung zum richtigen Hinzufügen von JavaScript und Styles in WordPress.
Wir hoffen, dieser Artikel hat Ihnen geholfen, mehr über wp_enqueue in WordPress zu erfahren. Möglicherweise möchten Sie auch unsere Liste mit zusätzlichen Lektüren unten für verwandte Artikel über nützliche WordPress-Tipps, Tricks und Ideen sehen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
