WordPress主题开发：无法通过functions.php添加CSS求助

问题背景 #

你作为WordPress主题开发新手，之前一直靠 echo get_stylesheet_uri(); 这种直接输出的方式引入所有样式——不管是主样式表还是页面专属样式。后来了解到这种方法并不推荐，转而尝试通过functions.php来规范加载样式，但折腾了半天新方法就是不生效。排除了英文理解的问题后，想知道到底哪里出了错。

已找到的问题根源 #

多亏Nathan Johnson帮忙揪出了关键问题：你的主题头部模板（一般是header.php）里没有调用wp_head();函数！

为什么这个函数这么关键？ #

WordPress的样式注册加载机制是靠钩子来运作的：

• 当你在functions.php里用wp_enqueue_style()注册好样式后，WordPress需要一个“出口”把这些样式的链接代码输出到页面的<head>区域
• wp_head()就是这个核心出口，它会触发wp_enqueue_scripts钩子，把你注册的所有样式、脚本都输出到页面里
• 要是模板里没加这个函数，WordPress根本没地方输出你注册的样式链接，自然就不会加载任何通过functions.php注册的样式了

给你补个完整的正确实现流程，避免再踩坑 #

1. 先在functions.php里写好样式注册的代码：

function my_custom_theme_enqueue_styles() {
    // 加载主题主样式表
    wp_enqueue_style( 'theme-main-style', get_stylesheet_uri() );
    
    // 示例：给特定页面加载专属样式（比如关于页面）
    if ( is_page( 'about' ) ) {
        wp_enqueue_style( 'about-page-style', get_template_directory_uri() . '/css/about.css' );
    }
}
// 把注册函数挂载到wp_enqueue_scripts钩子上
add_action( 'wp_enqueue_scripts', 'my_custom_theme_enqueue_styles' );

2. 检查你的header.php，确保在</head>标签之前一定要有wp_head();：

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php wp_title(); ?></title>
    <!-- 这里必须加上wp_head() -->
    <?php wp_head(); ?>
</head>

内容的提问来源于stack exchange，提问作者Bruno Marini