Wordpress>>为不同的页面使用不同的CSS

时间:2014-01-04 15:01:42

标签: php html css wordpress

我遇到以下代码的问题:

<!--CSS files -->
<?php

function my_styles_method() {
    // Register the style like this for a theme:  
    wp_register_style('my-custom-style', get_template_directory_uri() . '/includes/front-page.css');
    // enqueue the stule  
    wp_enqueue_style('my-custom-style');
    // Register the style like this for a theme:  
    if (is_page_template('our-story.php')) {
        wp_register_style('my-custom-style', get_template_directory_uri() . '/includes/main.css');
        // enqueue the stule  
        wp_enqueue_style('my-custom-style');
    }
}

add_action('wp_enqueue_scripts', 'my_styles_method');
?>

我正在使用页面模板our-story.php并使用此处指定的函数:http://codex.wordpress.org/Conditional_Tags但不知何时main.css文件未加载。当我注释掉front-page.css文件的代码并删除条件语句而不是main.css文件加载并正常工作但不在此条件下。我不确定我是否正确使用它。

期待您的回复。

2 个答案:

答案 0 :(得分:4)

为什么不使用身体类? http://codex.wordpress.org/Function_Reference/body_class

您可以使用这些类定位所需的任何页面/模板。例如:

<body <?php body_class(); ?>>

在主页上会给你:

<body class="home page page-id-14 page-template page-template-home-php ">

因此,如果您想要主页的特定CSS:

.home { Your styles }

答案 1 :(得分:-1)

我认为可以使用它。

if(is_page( 42 )) // id, title or slug name