正确排列WordPress中的IE条件样式表

时间:2016-04-19 21:53:00

标签: php wordpress function

我一直在尝试按照教程说明如何在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' );

0 个答案:

没有答案