title: "排版组控件" post_status: publish comment_status: open taxonomy: category: - elementor-developers-docs post_tag: - Editor Controls - Src - Repos
排版组控件
Elementor 排版组控件显示用于定义内容排版的输入字段，包括字体大小、字体系列、字体粗细、文本转换、字体样式、行高和字母间距。
该控件在继承 Group_Control_Base 类的 Group_Control_Typography 类中定义。
使用此组控件时，type 应设置为 Group_Control_Typography::get_type() 方法。
参数
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
type |
string |
typography | 控件的类型。 |
separator |
string |
default | 设置控件分隔符的位置。可用值为 default、before 和 after。default 将隐藏分隔符，除非控件类型有特定的分隔符设置。before / after 将分隔符定位在控件之前/之后。 |
exclude |
array |
从组控件中排除某些控件。例如：['font_style'] |
返回值
(array) 包含排版值的数组。
用法
```php {14-20,29-31,37-39}
start_controls_section( 'content_section', [ 'label' => esc_html__( 'Content', 'textdomain' ), 'tab' => \Elementor\Controls_Manager::TAB_CONTENT, ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'content_typography', 'selector' => '{{WRAPPER}} .your-class', ] ); $this->end_controls_section(); } protected function render(): void { $settings = $this->get_settings_for_display(); ?> <div class="your-class">
...
</div>
<?php
}
protected function content_template(): void {
?>
<div class="your-class">
...
</div>
<?php
}
} ```