如何让header.php对不同的页面使用不同的css?

时间:2012-06-04 作者:ivavid

我在中注册样式function.php 具有

function my_scripts() {
    wp_deregister_style( \'header\' );
    wp_register_style( \'header\', get_template_directory_uri() . \'/css/header.css\' );
    wp_enqueue_style( \'header\' );
}
add_action( \'wp_enqueue_scripts\', \'my_style_sheets\' );
我想对同一个标题使用不同的标题样式表。在另一个页面上使用的php文件。我该怎么做?

一般来说,如何使用按模板区分的样式,而不是使用如上所述的全局设置?

1 个回复
最合适的回答,由SO网友:SickHippie 整理而成

创建一个主样式表,并正常排队。然后,使用WP核心函数生成一系列条件语句-is_home(), is_404(), is_page_template(\'template.php\') 等等在每个条件中,使用主(style.css) 样式表作为依赖项。

未经测试的代码,但应能正常工作:

function my_styles() {
    wp_deregister_style( \'header\' );
    wp_register_style( \'style\', get_template_directory_uri() . \'/css/style.css\' );
    wp_enqueue_style( \'style\' );
    if (is_home()) { wp_enqueue_style(\'homestyle\', get_template_directory_uri(). \'/css/homestyle.css\', \'style\'); }
}
add_action(\'wp_print_styles\', \'my_styles\');

结束

相关推荐

如何知道WordPress放置css文件的顺序?

我已经在Wordpress 3.3.1上安装了根主题(版本4,因此我可以使用1140px网格),并希望编辑CSS。起初,我只了解这种风格。css文件,无法看到其他文件。我需要的css文件位于一个标记为“css”的子文件夹中,我从Google的快速搜索中发现css子文件夹存在已知的错误,因此我将它们移动到根文件夹中,看起来似乎正在工作,但该网站现在看起来有点不稳定,所以我认为这是不对的。如何确保css文件在Wordpress代码中按正确的顺序放置?目前我不知道如何找出他们的顺序。谢谢Jason