title: "控制结构" post_status: publish comment_status: open taxonomy: category: - elementor-developers-docs post_tag: - Controls - Src - Repos


控制结构

创建自定义控件是专为非常熟悉代码库的高级 Elementor 开发者保留的任务。这个过程从学习 Base_Control 类及其内部方法开始。这将使您能够理解 Elementor 如何创建不同的控件,以及如何自定义这些基础方法。

每个控件必须有两个基本方法——一个唯一的名称和在编辑器中显示字段的 HTML 代码。更高级的控件可以设置自定义设置、定义默认值、加载脚本和样式等等。

扩展控件

要创建您自己的控件,您需要扩展抽象基础控件:

class Elementor_Test_Control extends \Elementor\Base_Control {
}

您也可以扩展特定控件类型之一:

class Elementor_Test_Control extends \Elementor\Base_Data_Control {
}

这样,您的类将继承您所扩展类的所有方法。

控件方法

一个简单的控件只需要两个方法:控件类型和模板:

class Elementor_Test_Control extends \Elementor\Base_Control {

    public function get_type(): string {}

    public function content_template(): void {}

}

更高级的控件可以使用其他可用方法:

class Elementor_Test_Control extends \Elementor\Base_Control {

    public function get_type(): string {}

    protected function get_default_settings(): array {}

    public function get_default_value(): string {}

    public function content_template(): void {}

    public function enqueue(): void {}

}

这些方法可以分为以下几组: