为 WordPress 主题应用两个样式表答案

【问题标题】：Applying two stylesheets for WordPress Theme为 WordPress 主题应用两个样式表
【发布时间】：2014-04-08 14:31:15
【问题描述】：

我想在我的 WordPress 主题中添加两个样式表。我想有一个样式表用于我的主页，另一个用于我的关于页面。这样做的原因是我想为这些页面的页眉和页脚应用不同的样式。

我在 function.php 中尝试了下面的代码，但它当然没有用。

wp_register_script ('add-about-css', get_stylesheet_directory_uri('about'). '/about.css' );

wp_enqueue_script('add-about-css');

add_action('wp_enqueue_scripts');

【问题讨论】：

标签： wordpress-theming stylesheet specific-stylesheets

【解决方案1】：

首先get_stylesheet_directory_uri不接受任何参数。

下一个

<?php if (is_page('$your_page_name/id/slug')) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/about.css" type="text/css">
<?php }; ?>

链接到默认样式表后，将此代码放在标题中。这将用您的新样式覆盖默认样式（用于页眉、页脚或您定义的任何内容）。当您具有不同样式的相同标题时就是这种情况。

或者，如果您有两个单独的标题，那么您可以使用

<?php get_header('custom') ?>

加载header-custom.php（如果找到，则加载默认header.php）和自定义样式可以放在style.css中，也可以单独包含

add_action('wp_enqueue_scripts','my_function');
function my_function(){
wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/my-custom-style.css');   
}

【讨论】：

我有两个标题“header-about.php”和“header.php”。 Header.php 使用的是子主题 css styles.css，但我不希望 header-about.php 使用 styles.css，而是使用 about.css。我应该将上面的替代代码放在我的自定义 about.php 页面还是 function.php 中？如果我将脚本放在 function.php 中，about.css 样式是否会出现在 header.php 和 header-about.php 中？
是的，如果您放置在 functions.php 中，它将覆盖两个标题的样式，而不是您需要将其放置在您正在加载自定义（关于）标题的模板中。你不需要在函数中编写它或添加动作，你可以使用上面代码的最后一行直接将你的样式排入队列。