在wordpress中使用不同的css用于不同的页面

Question

您好我是WordPress的新手我想为我的着陆页使用不同的CSS，名为＆＃39; as＆＃39;。我有一个默认样式表style.css，jquery-bxslider.css和responsive.css。 我不想使用样式.css而我想在我的特定页面上使用其他两个。

**图片：

目录结构：**  

WP标题：

WP-css：

Answer 1

您应该使用 wp_enqueue_style（）将样式表添加到模板中。

function add_stylesheets() {
    wp_register_style( 'style', get_stylesheet_uri() );
    wp_register_style( 'bxslider', get_template_directory_uri() . 'jquery.bxslider.css' );
    wp_register_style( 'responsive', get_template_directory_uri() . 'responsive.css' );

    wp_enqueue_style('style'); // enqueue style.css everywhere

    ## if( ! is_page_template('landingpage.php') ) // enqueue style.css everywhere except if the page template is landingpage.php
    ##    wp_enqueue_style('style');

    ## if( ! is_page(ID) ) // enqueue style.css everywhere except page id = ID
    ##    wp_enqueue_style('style');

    ## if( is_home() || is_front_page() ) // enqueue style.css in homepage only
    ##    wp_enqueue_style('style');

    wp_enqueue_style('bxslider');
    wp_enqueue_setyle('responsive');

}

add_action( 'wp_enqueue_scripts', 'add_stylesheets' );

Answer 2

您可以通过检查当前页面ID并设置相应的css

来完成此操作

标题中的E.g

$page_id     = get_queried_object_id();
if($page_id==1)
    //include the respective css
elseif($page_id==2)
    //include the respective css
elseif($page_id==3)
    //include the respective css