为WordPress主题应用两个样式表

Question

我想在我的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');

Answer 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');   
}