WordPress头部引用问题：wp_enqueue_style无法调用style.css

1. 修正样式加载顺序与依赖关系 #

你当前代码的问题在于依赖项注册顺序颠倒：把medsource-bootstrap设为medsource-style的依赖，但却先注册了自定义样式，后注册Bootstrap。WordPress的依赖机制要求依赖项必须先被注册，否则依赖不生效，还会导致自定义样式在Bootstrap之前加载，被Bootstrap的样式覆盖。

调整后的代码：

<?php 
function medsource_register_styles(){
    // 先注册所有依赖资源
    wp_enqueue_style('medsource-bootstrap', "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css", array() , '1.0' , 'all' );
    wp_enqueue_style('medsource-fontawesome', "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css", array() , '1.0' , 'all' );
    // 最后注册自定义样式，指定依赖Bootstrap
    wp_enqueue_style('medsource-style', get_template_directory_uri()."/style.css", array('medsource-bootstrap') , '1.0' , 'all' );
}
add_action( 'wp_enqueue_scripts', 'medsource_register_styles');
?>

2. 验证style.css的有效性 #

• 路径验证：直接在浏览器地址栏访问你的域名/wp-content/themes/你的主题名/style.css，确认文件能正常打开，且包含你写的样式代码。可以临时加一句测试代码，比如body { background: #ff0000 !important; }，看页面是否变红。
• 主题头注释检查：WordPress要求主题根目录的style.css必须包含标准主题头注释，否则可能被识别为无效文件。示例注释：

  /*
  Theme Name: Medsource
  Theme URI: https://example.com/medsource
  Description: 自定义医疗类主题
  Version: 1.0
  Author: 你的名字
  */
  

3. 清除缓存与检查样式优先级 #

• 按Ctrl+F5强制刷新页面，清除浏览器缓存，避免加载旧的缓存文件。
• 打开浏览器开发者工具（F12），在「Elements」面板查看元素样式，确认自定义样式是否被加载，是否被Bootstrap的样式覆盖。如果是，需要提高选择器优先级（比如用更具体的选择器，如.container .my-custom-class）。

4. 确认wp_head的调用位置 #

确保wp_head()放在<head>标签的末尾，且没有被其他代码移除或覆盖：

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php wp_head(); ?>
</head>

内容的提问来源于stack exchange，提问作者EJ Navarro