wp_enqueue_scripts – Script und Stylesheet in WordPress richtig registrieren und laden

Script und Stylesheet Datei lassen sich ├╝ber den Hook „wp_enqueue_scripts“ Registrieren, Laden und auch mit weiteren Parametern versehen.

Dazu wird mit der Funktion „add_action“ auf den Hook „wp_enqueue_scripts“ die neue Funktion „child_theme_enqueue_files“ eingebaut.

Kopieren

Die Grundlegende Hauptfunktion um Dateien zu laden

Nun wird die Funktion „child_theme_enqueue_files“ erstellt.

Kopieren

Laden von Stylesheet Dateien mit den Funktionen wp_register_style und wp_enqueue_style

Mit der Funktion „wp_register_style“ wird die Stylesheet Datei in WordPress Registriert. Dabei lassen sich 5 Argumente ├╝bergeben, wovon nur die ersten 2 Pflicht sind. Die Argumente:

  • handle – der Name („child-style“)
  • src – die URL der Datei ( “ get_stylesheet_directory_uri() . ‚/style.css‘ “ )
  • deps – ein array, bestehend aus abh├Ąngigen Stylesheets
  • ver – die Version der Datei ( z.B. „1.0.0“ )
  • media – bei welcher Verwendung die Datei geladen wird, Standard ist hier „all“, zur Auswahl stehen noch: „print“, „screen“, „speech“

Mit der Funktion „get_stylesheet_directory_uri“ wird die URL des Child-Themes ausgegeben, der Name der Datei ist „style.css“ mit einem vorangestelltem Slash.

Mit der Funktion „wp_enqueue_style“ wird die Stylesheet Datei geladen. Hier lassen sich die gleichen Argumente ├╝bergeben wie in der Funktion „wp_register_style“, allerdings ist nur das erste Argument Pflicht, dieses entspricht dem Handle („child-style“).

Kopieren

Laden von Script Dateien mit den Funktionen wp_register_script und wp_enqueue_script

Mit der Funktion „wp_register_script“ wird die Script Datei in WordPress Registriert. Dabei lassen sich 5 Argumente ├╝bergeben, wovon nur die ersten 2 Pflicht sind. Die Argumente:

  • handle – der Name („child-script“)
  • src – die URL der Datei ( “ get_stylesheet_directory_uri() . ‚/script.js‘ “ )
  • deps – ein array, bestehend aus abh├Ąngigen Scripten
  • ver – die Version der Datei ( z.B. „1.0.0“ )
  • in_footer – wenn dieser Wert auf „true“ gesetzt wird, wird die Datei im Footer geladen, statt im Header.

Mit der Funktion „wp_enqueue_script“ wird die Script Datei geladen. Hier lassen sich die gleichen Argumente ├╝bergeben wie in der Funktion „wp_register_script“, allerdings ist nur das erste Argument Pflicht, dieses entspricht dem Handle („child-script“).

Kopieren

Die ganze Funktion zum Laden der Dateien im ├ťberblick

Das laden von Script und Stylesheet Dateien l├Ąsst sich in einer Funktion Vereinen und mit beliebig vielen Dateien wiederholen.

Kopieren