WordPress资源入队问题：CSS/JS文件未加载

刚接触WordPress遇到资源加载问题很正常，结合你提到的Bootstrap栅格失效情况，咱们从代码和配置层面一步步排查：

1. 先修复代码语法错误 #

你贴的代码里array(...是不完整的写法，这会直接导致整个函数执行失败，所有入队的资源都不会被加载。比如加载依赖Bootstrap的自定义样式时，正确的写法应该是把依赖的资源handle明确写进数组里：

// 示例：加载自定义样式并依赖Bootstrap
wp_enqueue_style( 'mcm-bw', get_template_directory_uri() . '/css/mcm-bw.css', array('bootstrap-css'), '1.0', 'all' );

注意不要留array(...这种未闭合的语法，PHP会直接抛出错误中断执行。

2. 确认Bootstrap资源已正确入队 #

你提到网站依赖Bootstrap，但现有代码片段里没看到Bootstrap的入队代码——这大概率是栅格系统失效的核心原因。把Bootstrap的CSS（如果需要交互组件还要加JS）加入到你的add_theme_scripts函数中：

function add_theme_scripts() {
    // 加载主题默认样式
    wp_enqueue_style( 'style', get_stylesheet_uri() );
    
    // 加载Bootstrap核心CSS
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/css/bootstrap.min.css', array(), '5.3.0', 'all' );
    
    // 加载自定义样式，指定依赖Bootstrap保证加载顺序
    wp_enqueue_style( 'mcm-bw', get_template_directory_uri() . '/css/mcm-bw.css', array('bootstrap-css'), '1.0', 'all' );
    
    // 加载Bootstrap JS（如果用到下拉菜单、模态框等交互功能）
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.bundle.min.js', array('jquery'), '5.3.0', true );
}
// 必须挂载到wp_enqueue_scripts钩子，这是WordPress加载前端资源的标准入口
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

3. 验证文件路径是否正确 #

• 用get_template_directory_uri()时，要确认你的CSS/JS文件确实放在主题根目录的css/或js/文件夹下
• 打开浏览器开发者工具（按F12）切换到「网络」标签，刷新页面看资源请求状态：如果是404错误，说明路径写错了，调整路径即可

4. 清除缓存避免干扰 #

有时候WordPress缓存插件、浏览器缓存会导致资源不更新，按Ctrl+F5强制刷新页面，或者清空网站缓存插件的缓存后再检查资源加载情况

内容的提问来源于stack exchange，提问作者Rebecca A