Innerhalb meines Elternthemas functions.php habe ich folgendes Snippet:
// Add mediaqueries-js function footer_scripts(){ echo ''; } add_action( 'wp_footer', 'footer_scripts' ); Dadurch wird IE7 und IE8 Unterstützung für Medienabfragen hinzugefügt. Das Skript läuft perfekt in IE7 / 8 mit dem übergeordneten Thema, funktioniert aber nicht und ignoriert die Medienabfragen, wenn das untergeordnete Thema aktiviert wird.
Alle anderen Skripts werden ordnungsgemäß eingereiht und ordnungsgemäß ausgeführt. Das Skript wird im Quellcode angezeigt, wenn das untergeordnete Thema aktiviert ist.
Der Autor von css3-mediaqueries-js gibt folgendes über https://github.com/livingston/css3-mediaqueries-js an :
Note: Doesn't work on @import'ed stylesheets (which you shouldn't use anyway for performance reasons). Also won't listen to the media attribute of the `` and `
style.css über mein style.css Thema verwendet @import , um das übergeordnete @import Stylesheet zu übernehmen.
Um das Problem zu beheben, header.php ich die core-CSS-Datei nicht mehr aus der header.php in meinem übergeordneten Thema. Stattdessen lade ich das CSS über functions.php:
< ?php // Register parent styles wp_register_style( 'core-styles', get_template_directory_uri() . '/style.css', array(), '1.0.0', 'all' ); // Enqueue parent styles wp_enqueue_style( 'core-styles' ); // Register and enqueue styles if child theme if (is_child_theme()){ wp_register_style( 'child-styles', get_stylesheet_directory_uri() . '/style.css', array(), '1.0.0', 'all' ); wp_enqueue_style( 'child-styles' ); } ?>
Dieser Code lädt zuerst das übergeordnete CSS und dann das untergeordnete CSS, wenn ein untergeordnetes Thema vorhanden ist. Diese Lösung triggers das Medienabfrageproblem in IE7 / 8.