尝试使用wp_enqueue加载多个文件失败问题求助

看起来你已经开始在functions.php里注册样式文件了，但还没完成JS部分，而且别忘了注册之后必须入队才能生效哦！我给你整理了完整的正确写法，遵循WordPress的最佳实践：

function custom_files() {
    // 加载主题默认样式文件（style.css）
    wp_enqueue_style( 'style', get_stylesheet_uri() );

    // 注册并加载重置样式——建议作为基础样式优先加载
    wp_register_style( 'reset', get_template_directory_uri() . '/css/reset.css', array(), '1', 'all' );
    wp_enqueue_style( 'reset' );

    // 注册并加载页面专属样式，设置依赖reset确保加载顺序正确
    wp_register_style( 'pageone', get_template_directory_uri() . '/css/pageone.css', array('reset'), '1', 'all' );
    wp_enqueue_style( 'pageone' );

    wp_register_style( 'pagetwo', get_template_directory_uri() . '/css/pagetwo.css', array('reset'), '1', 'all' );
    wp_enqueue_style( 'pagetwo' );

    // 注册并加载JS文件——补全你没写完的loader.js示例
    // 最后一个参数设为true，让脚本在页面底部加载，提升性能
    wp_register_script('loader', get_template_directory_uri() . '/js/loader.js', array('jquery'), '1', true );
    wp_enqueue_script('loader');
}
// 必须通过wp_enqueue_scripts钩子挂载，这是WordPress官方推荐的资源加载方式
add_action( 'wp_enqueue_scripts', 'custom_files' );

几个关键注意点： #

• 入队操作不能少：wp_register_style只是注册资源，必须搭配wp_enqueue_style才能让资源真正输出到页面上；如果不需要重复调用资源，也可以直接用wp_enqueue_style省略注册步骤，更简洁。
• 依赖关系很重要：比如给pageone设置依赖reset，WordPress会自动先加载reset.css，再加载pageone.css，避免样式优先级混乱。
• 路径要对应：get_template_directory_uri()是获取父主题的根路径，如果你的代码是在子主题里写的，记得换成get_stylesheet_directory_uri()，不然会找不到子主题里的文件。
• JS加载优化：把JS的最后一个参数设为true，脚本会放到</body>标签前加载，不会阻塞页面渲染；如果你的JS依赖jQuery，就在依赖数组里写'jquery'，WordPress会自动帮你加载内置的jQuery。

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