将elementor组控件添加到主elementor类或主呈现函数之外的类中

Elementor 是一个流行的 WordPress 页面构建器插件，它允许用户通过拖放界面创建自定义页面布局。Elementor 的组控件（Group Control）是一种高级功能，允许开发者将多个控件组合在一起，以便更好地管理和组织页面元素。

基础概念

Elementor 的组控件允许开发者创建自定义的控件组，这些控件组可以包含多个子控件。通过这种方式，可以更灵活地管理和呈现页面元素。

类型

Elementor 的组控件可以是静态的或动态的。静态组控件在页面加载时就已经确定，而动态组控件可以根据用户的交互或其他条件动态生成。

应用场景

复杂页面布局：对于包含多个部分和子部分的复杂页面，使用组控件可以更好地组织内容。
自定义插件开发：在开发自定义 WordPress 插件时，可以使用组控件来提供更高级的用户界面。
主题开发：在定制 WordPress 主题时，使用组控件可以增强主题的可定制性。

如何将 Elementor 组控件添加到主 Elementor 类或主呈现函数之外的类中

要将 Elementor 组控件添加到主 Elementor 类或主呈现函数之外的类中，通常需要以下步骤：

创建自定义控件类：首先，创建一个新的 PHP 类来定义你的组控件。

<?php
namespace MyCustomNamespace;

use Elementor\Controls_Manager;
use Elementor\Group_Control_Base;

class MyCustomGroupControl extends Group_Control_Base {
    public function get_type() {
        return 'my_custom_group_control';
    }

    protected function _register_controls() {
        // 在这里注册子控件
        $this->start_controls_section(
            'section_content',
            [
                'label' => __('Content', 'my-custom-namespace'),
            ]
        );

        $this->add_control(
            'title',
            [
                'label' => __('Title', 'my-custom-namespace'),
                'type' => Controls_Manager::TEXT,
            ]
        );

        $this->end_controls_section();
    }
}

注册控件：在你的插件或主题的 functions.php 文件中注册这个新的控件类。

<?php
use MyCustomNamespace\MyCustomGroupControl;

function register_my_custom_controls() {
    \Elementor\Plugin::instance()->controls_manager->register_control_type(MyCustomGroupControl::class);
}
add_action('elementor/controls/loaded', 'register_my_custom_controls');

在页面中使用控件：在你的页面模板或短代码中，使用这个新的组控件。

<?php
use Elementor\Widget_Base;

class MyCustomWidget extends Widget_Base {
    protected function _get_control_classes() {
        return ['my_custom_group_control'];
    }

    protected function _register_controls() {
        parent::_register_controls();
        // 在这里添加其他控件
    }

    protected function render() {
        $this->render_template();
    }
}