我一直在尝试按照教程说明如何在Wordpress函数文件夹中正确排列样式表,以及如何设置Internet Explorer样式表以覆盖/添加必要的组件以与旧版浏览器兼容。有两种方法可以对本教程执行此操作,第二种方法是第一种方法的更新,该方法已经过时。
以下是链接:https://gist.github.com/wpscholar/4947518
第一种方法使用全局样式,我可以使用下面的代码来使用它:
function enqueue_my_styles_and_scripts() {
global $wp_styles;
if (is_page_template('page-templates/full-page.php'))
{ wp_enqueue_style( 'theme-full-page' ,
get_template_directory_uri() . '/css/full-page.css');
}
else { wp_enqueue_style( 'theme_style', get_stylesheet_uri() );
wp_enqueue_style( 'theme_style_ie8', get_stylesheet_directory_uri() . '/css/ie8.css', array( 'theme_style' ) );
$wp_styles->add_data( 'theme_style_ie8', 'conditional', 'IE 8' );
wp_enqueue_style( 'theme_style_ie9', get_stylesheet_directory_uri() . '/css/ie9.css', array( 'theme_style' ) );
$wp_styles->add_data( 'theme_style_ie9', 'conditional', 'IE 9' );
} }
add_action( 'wp_enqueue_scripts', 'enqueue_my_styles_and_scripts' );
第二种方法使用wp_styles。文章指出前一种方法已经过时,第二种方法现在是最好的方法。我已经按照本教程的这一部分进行了操作,这就是我想出来的。出于某种原因,它完全忽略了我的I.E样式表,我不知道为什么。任何有关这方面的帮助都将非常感激,因为我真的更喜欢使用最新的方法而不是旧的方法,这可能会在以后引起问题。任何人都可以看到这段代码可能出现的问题吗?
function enqueue_my_styles_and_scripts() {
if (is_page_template('page-templates/full-page.php'))
{ wp_enqueue_style( 'theme-full-page' ,
get_template_directory_uri() . '/css/full-page.css');
}
else { wp_enqueue_style( 'theme_style', get_stylesheet_uri() );
wp_enqueue_style( 'theme_style_ie8', get_stylesheet_directory_uri() . '/css/ie8.css', array( 'theme_style' ) );
wp_style_add_data( 'theme_style_ie8', 'conditional', 'lt IE 8' );
wp_enqueue_style( 'theme_style_ie9', get_stylesheet_directory_uri() . '/css/ie9.css', array( 'theme_style' ) );
wp_style_add_data( 'theme_style_ie9', 'conditional', 'lt IE 9' );
} }
add_action( 'wp_enqueue_scripts', 'enqueue_my_styles_and_scripts' );