如果页面模板中使用了灵活字段的子字段，如何加载CSS（wp_enqueue_style()）

Question

仅当页面模板上使用灵活字段组的 sub_field 时，我才需要加载 CSS。 例如：

$flexable = get_field('flexable_fields');
foreach( $flexable as $item ){
if($item['title']){
wp_enqueue_style('title-styles', get_template_directory_uri() . '/css/style.css', array(), filemtime(get_template_directory() . '/css/title-style.css'), false);
}
}

我需要使用哪个钩子来实现这个，“init”还是其他什么？ 谢谢

Answer 1

要根据 WordPress 中灵活内容字段中子字段的使用情况有条件地加载 CSS，请在循环中使用

wp_enqueue_style

函数（如示例所示），最合适的挂钩是

wp_enqueue_scripts

。该钩子是专门为排队脚本和样式而设计的，并在文档的头部调用，以确保您的样式正确加载。

 add_action( 'wp_enqueue_scripts', function() {
        $flexable = get_field('flexable_fields');
        foreach( $flexable as $item ){
            if($item['title']){
                wp_enqueue_style('title-styles', get_template_directory_uri() . '/css/style.css', array(), filemtime(get_template_directory() . '/css/title-style.css'), false);
            }
        }
    });