How to WP Enqueue Script or Style Only for Internet Explorer

In WordPress we use wp_enqueue_script and wp_enqueue_style functions to add our script and stylesheet to the page. By default these functions print <script> and <link> tags as normal. But sometimes we need to print our script/link tag inside html conditional comments specially for Internet Explorer.
For example we want to print following HTML

<link rel="stylesheet" href="my-style.css" >
<!--[if IE]>
<link rel="stylesheet" href="my-style-ie.css" >

<script type="text/javascript" src="js/my-script.js"></script>
<!--[if IE]>
    <script type="text/javascript" src="js/my-script-ie.js"></script>

Here is my solution to enqueue script or style inside conditional comments


//Adding stylesheets

//add the condition here
//You can change condition string 'IE' to 'IE 6' , 'IE 7' etc.
wp_style_add_data( 'my_style_ie', 'conditional', 'IE' );

wp_enqueue_style( 'my_style' );
wp_enqueue_style( 'my_style_ie' );

//Adding scripts

//add the condition here
//You can change condition string 'IE' to 'IE 6' , 'IE 7' etc.
wp_script_add_data( 'my_script_ie', 'conditional', 'IE' );

wp_enqueue_script( 'my_script' );
wp_enqueue_script( 'my_script_ie' );


Leave a Reply

Your email address will not be published. Required fields are marked *


This site uses Akismet to reduce spam. Learn how your comment data is processed.