Elementor小部件样式控件重置后无法恢复默认值问题求助

问题原因 #

你当前的代码在设置排版组控件默认值时，仅通过fields_options给单个字段指定默认，但Elementor的组控件重置逻辑会优先读取控件的default全局参数，而非单个字段的default配置，导致重置后无法正确还原预设值；同时颜色控件未设置default参数，重置后也不会回到默认颜色。

修复后的代码 #

// ======= *Sub-Title Styling Start Here* ======= //
$this->start_controls_section(
    'sub-title-slider',
    [
        'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
        'label' => esc_html__('Sub Title Styling', 'cafena')
    ]
);

// ======= *Sub-Title Typography* ======= //
$this->add_group_control(
    \Elementor\Group_Control_Typography::get_type(),
    [
        'label' => esc_html__('Sub Title Typography', 'cafena'),
        'name' => 'sub-title_typo-slider',
        'selector' => '{{WRAPPER}} your_class',
        // 全局默认值：排版组的默认配置，重置时会读取这个对象
        'default' => [
            'typography' => 'yes',
            'font_size' => ['size' => 20],
            'font_weight' => 400,
            'line_height' => ['size' => 40],
            'font_family' => 'Rubik',
        ],
        'fields_options' => [
            // 这里可保留字段的其他配置，无需再设置default
        ],
    ]
);

// ======= *Sub-Title Color* ======= //
$this->add_control(
    'sub-title_color-slider',
    [
        'label' => esc_html__('Sub Title Color', 'cafena'),
        'type' => \Elementor\Controls_Manager::COLOR,
        'selectors' => [
            '{{WRAPPER}} your_class' => 'color: {{VALUE}} !important',
        ],
        // 添加颜色默认值，示例为深灰色
        'default' => '#333333',
    ]
);

$this->end_controls_section();
// ======= *Sub-Title Styling End Here* ======= //

关键修改说明 #

• 排版组控件：将原本在fields_options里的单个字段默认值，移到组控件的default参数中作为全局默认配置，Elementor重置时会直接使用这个对象还原所有排版字段的值。
• 颜色控件：添加default参数指定默认颜色，确保重置后颜色回到预设值。
• 移除fields_options中多余的default配置，避免逻辑冲突。

修改后点击重置按钮，控件实际值会正确同步到预设默认值，再次打开样式选项时，所有参数都会显示为你设置的初始状态。

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