WordPress中wp_enqueue_style与wp_enqueue_script的正确用法

以下代码展示了如何在主题中同时加载 CSS 和 JS 资源，并设置依赖关系：

代码解析

• 函数theme_enqueue_assets集中管理所有资源加载逻辑，通过add_action挂钩到wp_enqueue_scripts动作，确保在页面加载时自动执行。
• 样式表加载顺序：normalize.css → 内置dashicons → main-style（因main-style依赖前两者）。
• JS 加载逻辑：先加载内置 jQuery 库，再加载custom-script.js，且 JS 在页脚加载以优化页面渲染速度。

使用注意事项

1. 资源路径正确：使用get_template_directory_uri()（父主题）或get_stylesheet_directory_uri()（子主题）获取路径，避免硬编码绝对路径导致迁移问题。
2. 依赖关系清晰：仅在必要时设置依赖，避免过度依赖导致加载链过长。
3. 模板文件配合：确保header.php中包含<?php wp_head(); ?>（头部资源加载入口），footer.php中包含<?php wp_footer(); ?>（页脚资源加载入口）。
4. 版本控制：为资源设置明确版本号，便于浏览器缓存管理和更新识别。