functions.php Wie fügt man css / js in Abhängigkeit vom Template Namen hinzu?

Wie können benutzerdefinierte CSS- und JS-Dateien abhängig vom Vorlagennamen hinzugefügt werden? Zum Beispiel haben meine normalen Seiten alle eine grüne Hintergrundfarbe. Jetzt möchte ich, dass Blue Template eine blaue Hintergrundfarbe hat, die mit einer zusätzlichen CSS-Datei erstellt wurde. Wie kann ich das machen?

Blau.php

   

This template has an blue background!

functionen.php

  

Dies sollte alle normalen Seiten geben <link href="/style.css" rel="stylesheet" type="text/css". und meine blaue Vorlage wird blue.css unter meiner normalen style.css haben.

Ich habe versucht, if ( is_page_template( 'blue.php' ) ) { # HERE THE BLUE CSS } aber das tut nichts.

Solutions Collecting From Web of "functions.php Wie fügt man css / js in Abhängigkeit vom Template Namen hinzu?"

Sie können wp_enqueue_style() bevor Sie get_header() in Ihrer blue.php-Datei ausführen.

Wenn Sie nach einer Möglichkeit suchen, dies in Ihrer Datei functions.php zu tun, ist der init Hook für is_page_template() etwas zu früh. Probieren wp_enqueue_scripts stattdessen den wp_enqueue_scripts Hook aus:

 add_action( 'wp_enqueue_scripts', 'load_my_theme_files' ); function load_my_theme_files() { if ( is_page_template( 'blue.php' ) ) { wp_enqueue_style( ... ); } } 

Ich hoffe, das hilft!