Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Was ist: wp_enqueue

wp_enqueue ist eine WordPress-Funktion, mit der Entwickler Skripte (JavaScript-Dateien) und Stile (CSS-Dateien) in die Warteschlange stellen können.

Das bedeutet, dass Entwickler WordPress mitteilen können, welche Skripte und Stile sie auf einer bestimmten Seite verwenden möchten, und WordPress lädt diese automatisch.

Dies trägt dazu bei, dass Ihre Seiten schnell und effizient geladen werden, und es kann auch dazu beitragen, Konflikte zwischen verschiedenen Skripten und Stilen zu vermeiden.

Durch das richtige Einreihen von Skripten können Entwickler Plugins, Themes und Websites erstellen, die effizient, wartbar und kompatibel sind.

Glossary: wp_enqueue

Wann sollten Sie JavaScript und CSS in WordPress in die Warteschlange stellen?

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 wird im Browser des Benutzers ausgeführt und dient dazu, Ihrer Website interaktive Elemente wie Schieberegler, Warnmeldungen, Schaltflächen, Popups und vieles mehr hinzuzufügen.
  • CSS (Cascading Style Sheets) wird verwendet, um das visuelle Erscheinungsbild Ihrer Website zu definieren, z. B. die Größe und Farbe von Schriftarten, die Hintergrundfarbe und die Breite der Seite.

Wenn Sie eine Website besitzen und JavaScript und CSS zu bestimmten Beiträgen und Seiten hinzufügen möchten, brauchen Sie wp_enqueue nicht zu verwenden. Stattdessen empfehlen wir Ihnen, das WPCode Code Snippets Plugin zu verwenden, da dies der sicherste Weg ist, Code zu einer WordPress-Website hinzuzufügen.

Weitere Informationen finden Sie in unseren Anleitungen zum einfachen Hinzufügen von JavaScript und zum einfachen Hinzufügen von benutzerdefiniertem CSS zu Ihrer WordPress-Website.

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 in ihren Plugins und Themes direkt aufzurufen. Dies kann zu Konflikten führen und die Leistung von WordPress beeinträchtigen.

Um diese Probleme zu vermeiden, bietet WordPress ein Enqueue-System. Dies gibt Entwicklern die Möglichkeit, Skripte und Stylesheets zu laden, damit alles korrekt und ohne Konflikte funktioniert.

So funktioniert das Warteschlangensystem:

  1. Zunächst müssen Sie das Skript oder Stylesheet mit der Funktion wp_register registrieren, damit WordPress weiß, dass es existiert und wo es zu finden ist.
  2. Dann stellen Sie die Skripte und Stylesheets mit der Funktion wp_enqueue in die Warteschlange und teilen WordPress damit mit, dass Sie sie laden möchten.
  3. Sobald die Seite geladen ist, lädt WordPress alle in der Warteschlange stehenden Skripte in der richtigen Reihenfolge, um sicherzustellen, dass alles ordnungsgemäß funktioniert.

Weitere Informationen finden Sie in unserem Leitfaden zum richtigen Hinzufügen von JavaScript und Stilen in WordPress.

Code-Beispiele

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.

Vielleicht möchten Sie einige hilfreiche Code-Beispiele sehen, die zeigen, wie das WordPress-Enqueue-System verwendet wird.

Hier finden Sie einen Beispielcode, den Sie in Ihre Plugin-Dateien oder in die Dateifunctions.php Ihres Themes einfügen können, um Skripte in WordPress korrekt 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 dafür, wie Sie Ihre Stylesheets in die Warteschlange stellen:

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

Ausführliche Erklärungen zu diesen Codebeispielen finden Sie in unserem Leitfaden zum richtigen Hinzufügen von JavaScript und Styles in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über wp_enqueue in WordPress zu erfahren. Vielleicht möchten Sie auch unsere Liste mit weiterführenden Artikeln über nützliche WordPress-Tipps, -Tricks und -Ideen lesen, die Sie weiter unten finden.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Zusätzliche Lektüre

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!