具体来说,我想创建一个插件,在默认样式表之后立即在标题中响应以下内容
首选方法是将其排队,默认/主样式表作为依赖项。
下面是一个演示插件,其结构如下:
+ plugins/
|
+--+ my-ie-style/
|
+--+ my-ie-style.php
|
+--+ css/
|
+--+ ie.css
其中
my-ie-style.php
文件为:
<?php
/**
* Plugin Name: Demo - My IE style
* Plugin URI: http://wordpress.stackexchange.com/a/85496/26350
* Description: Enqueue With IE conditional, depending on the main-style stylesheet
* Author: wpse
* Version: 1.0.0
*/
add_action( \'wp_enqueue_scripts\', function()
{
// Register
wp_register_style(
\'my-ie-style\', // handle
plugin_dir_url( __FILE__ ) . \'css/ie.css\', // file
[ \'main-style\' ], // dependency <-- ADJUST THIS!
\'1.0.0\', // version
\'all\' // media
);
// Enqueue
wp_enqueue_style( \'my-ie-style\' );
// Add IE conditional
wp_style_add_data(
\'my-ie-style\', // handle
\'conditional\', // key (\'conditional\', \'rtl\', \'suffix\', \'after\', \'alt\', \'title\')
\'IE\' // value
);
} );
这将在
<head>
标签:
<link rel=\'stylesheet\'
id=\'main-style-css\'
href=\'http://example.tld/wp-content/themes/mytheme/style.css?ver=4.5.3\'
type=\'text/css\'
media=\'all\' />
<!--[if IE]>
<link rel=\'stylesheet\'
id=\'my-ie-style-css\'
href=\'http://example.tld/wp-content/plugins/my-ie-style/css/ie.css?ver=1.0.0\'
type=\'text/css\'
media=\'all\' />
<![endif]-->
其中,我们的自定义IE样式表加载在主样式表之后。
希望你能根据自己的需要进行调整。