Ajouter un fichier CSS seulement pour Internet Explorer

Internet Explorer, une plaie ?

Internet Explorer est bien connu des webmasters pour être une problématique assez importante qui doit être résolu assez rapidement, pour cela vous pouvez disposer d’un fichier CSS propre à IE grâce aux conditions WordPress via les fonctions wp_register_styles() et wp_enqueue_styles().

Un fichier CSS pour IE

Pour cela ajouter ces quelques lignes de codes à votre fichier functions.php

add_action('wp_print_styles', 'gkp_ie_css');
function gkp_ie_css() {
	
    wp_register_style('style-ie', get_stylesheet_directory_uri() . '/style-ie.css'); 
    wp_enqueue_style('style-ie');
        
    global $wp_styles; 
    $wp_styles->add_data( 'style-ie', 'conditional', 'lte IE 7' ); // On met la condition ici !!
}

Cet ajout va rajouter ces quelques lignes à votre code :

<!--[if lte IE 7]>
	<link rel='stylesheet' id='style-ie-css' href='http://www.geekpress.fr/wp-content/themes/geekpress/design/style-ie.css?ver=3.2' type='text/css' media='all' />
<![endif]-->