Zum Hauptinhalt springen
Blog & News

Aktuelles & Updates von
Joomla, Wordpress und Co.

News, HowTos und Tutorials rund um Webdesign, Webentwicklung, Webhosting und Digitalisierung.

Blog & News

Wordpress Reihenfolge der CSS / JS Dateien ändern

27.01.2017 · 2 Min Lesezeit

Oft gibt es Probleme beim Einbinden von CSS-Dateien, weil sie von anderen überschrieben werden. Oder jQuery wird nicht gefunden weil ein Script eher geladen wird, als jQuery initialisiert werden konnte. Dafür gibt es einen Trick:

in die functions.php eures Wordpress-Themes kommt folgender Code.

// Theme Scripts & Styles registrieren
function themename_scripts_styles() {

  // Scripts: Name, URI, Abhängigkeiten, Version, in wp_footer platzieren?
  wp_register_script( 'themename-js', get_template_directory_uri() . '/js/themename.js', array( 'jquery' ), '2.05', true );
  wp_enqueue_script( 'themename-js' );

  // Andere Scripts in den Footer verschieben
  remove_action('wp_head', 'wp_print_scripts');
  remove_action('wp_head', 'wp_print_head_scripts', 9);
  remove_action('wp_head', 'wp_enqueue_scripts', 1); 

  // CSS: Name, URI, Abhängigkeiten, Version, CSS Media Type
  wp_register_style( 'themename-screen', get_template_directory_uri() . '/style.css', false, '20140925', 'screen' );
  wp_enqueue_style( 'themename-screen' );
  wp_register_style( 'themename-print', get_template_directory_uri() . '/print.css', false, '20140925', 'print' );
  wp_enqueue_style( 'themename-print' );
}
add_action( 'wp_enqueue_scripts', 'themename_scripts_styles', 99 );

 

Hier gibt die 99 die Position im Array aller Scripte an. Somit sollte die Style.css hoffentlich als letztes geladen werden und somit die meiste "Macht" haben.

 

Zurück zur Übersicht