it-swarm.com.de

Hinzufügen eines Stylesheets zu einer bestimmten Seite

Ich habe eine Seite als Startseite für meine Website eingerichtet. Es gibt spezielle Stylesheets nur für die Homepage, die ich nicht global verwenden muss. Ich bin noch neu in WordPress und das ist für mich sehr verwirrend.

Ich habe http://codex.wordpress.org/Function_Reference/wp_enqueue_style gelesen, verstehe aber immer noch nicht, wie ich es in meine Seite einbauen soll. Kann mir bitte jemand helfen?

1
kawiz

Verwenden Sie die bedingten WordPress-Tags , um Ihre Stylesheets selektiv in die Warteschlange zu stellen/zu laden. Dies ist eine bewährte Methode, damit Sie auch Abhängigkeiten aufrufen können.

Ich habe ein Beispiel dafür in der Praxis angegeben. Häufig möchten wir nur Stile für die Startseite einfügen und dann entsprechend Ihrer Unterseite stylen:

<?php 
// Is this the front page or home page  ?
if (is_front_page() && is_home() )  {
// if so then lets enqueue this!
// for reference the function uses the following parameters:
// wp_enqueue_style( $handle, $src, $deps, $ver, $media ) ?
  wp_enqueue_style( 'mystyle', TEMPLATEPATH . 'foo.css', array('my-dependency-styles', 'reset-style'), '1.0.1', 'only screen and print' ); 
} else {  
  wp_enqueue_style( 'mystyle', TEMPLATEPATH . 'sub-page.css', array('my-dependency-styles', 'reset-style'), '1.0.1', 'only screen and print' ); ?>
  }
1
chrisjlee

Verwenden Sie einen Aktions-Hook, um diese Enqueue mit Bedingungslogik an eine bestimmte Seite anzuhängen, ähnlich wie bei Chris, der gerade in eine Funktion eingeschlossen wurde.

add_action( 'wp_enqueue_scripts', 'enqueue_custom_styles_or_scripts' );

function enqueue_custom_styles_or_scripts() {

    // If it's not the front page, stop executing code, ie. return
    if( !is_front_page() )
        return;

    // Else we reach here and perform the enqueue
    wp_enqueue_style( 'your-style-handle', get_stylesheet_directory_uri() . '/yourfile.css' );

}

Beachten Sie, dass es trotz des Aktionsnamens auch für Stile geeignet ist, ich wünschte, die Entwickler würden entweder diesen umbenennen oder einen Stil daneben hinzufügen. Die Benennung würde vorschlagen, dass er nur für Skripte ist (aber das ist wirklich nicht der Fall).

Sie können den Code oben in die Datei functions.php Ihres Themas einfügen, nachdem Sie das PHP -Tag (<?php) in einer neuen Zeile geöffnet haben.

0
t31os