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 registrierenfunction 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.
