CSS in einem WordPress Plugin richtig laden

CSS in einem WordPress Plugin richtig laden.md

Diese Funktion fügt ein neues Stylesheet in einem Plugin Ordner zu WordPress hinzu.

function enqueue_my_css() {
    wp_enqueue_style( 'my-css', plugin_dir_url( __FILE__ ) . 'css/my-css.css', array(), '1.0.0' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_css' );

Diese Funktion fügt ein neues Stylesheet zu WordPress hinzu. Die Funktion wp_enqueue_style ist eine Funktion von WordPress, die dazu verwendet wird, Stylesheets für das Frontend einer WordPress-Seite einzufügen. Der Name des Stylesheets wird als erster Parameter übergeben, in diesem Fall 'my-css'. Der zweite Parameter ist der Pfad zu dem Stylesheet, das mit plugin_dir_url dynamisch erzeugt wird. Der dritte Parameter ist ein Array von Abhängigkeiten, d.h. Stylesheets, von denen dieses Stylesheet abhängig ist. In diesem Fall ist das Array leer, da das Stylesheet keine Abhängigkeiten hat. Der vierte und letzte Parameter ist die Versionsnummer des Stylesheets.

Diese Funktion fügt ein neues Stylesheet in einem Plugin Ordner mit jquery Abhängigkeit zu WordPress hinzu.

function enqueue_my_css() {
    wp_enqueue_style( 'my-css', plugin_dir_url( __FILE__ ) . 'css/my-css.css', array('jquery'), '1.0.0' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_css' );

Wenn das Stylesheet 'my-css' hinzugefügt wird, wird sichergestellt, dass jQuery vorher geladen wurde.

Diese Funktion fügt ein neues Stylesheet in einem Plugin Ordner für nur 1 Seite hinzu.

function enqueue_my_css() {
    if ( is_page('meine-seite') ) {
        wp_enqueue_style( 'my-css', plugin_dir_url( __FILE__ ) . 'css/my-css.css', array(), '1.0.0' );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_css' );

Dies fügt das Stylesheet nur dann hinzu, wenn die aktuelle Seite 'meine-seite' ist. Sie können den Namen der Seite ersetzen durch den Titel, den Slug oder die ID der Seite.

Diese Funktion fügt ein neues Stylesheet in einem Plugin Ordner für mehrere Seiten ID`s hinzu.

function enqueue_my_css() {
    $page_ids = array( 1, 2, 3, 4 );
    if ( is_page( $page_ids ) ) {
        wp_enqueue_style( 'my-css', plugin_dir_url( __FILE__ ) . 'css/my-css.css', array(), '1.0.0' );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_css' );

Dies fügt das Stylesheet nur dann hinzu, wenn die aktuelle Seite eine der angegebenen IDs hat. Sie können die ID-Liste entsprechend Ihren Anforderungen anpassen.