边框组控件
Elementor 边框组控件显示用于定义边框的输入字段,包括边框类型、边框宽度和边框颜色。
该控件在继承 Group_Control_Base 类的 Group_Control_Border 类中定义。
使用此组控件时,应将 type 设置为 Group_Control_Border::get_type() 方法。
参数
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
type |
string |
border | 控件的类型。 |
separator |
string |
default | 设置控件分隔符的位置。可用值为 default、before 和 after。default 将隐藏分隔符,除非控件类型有特定的分隔符设置。before / after 会将分隔符定位在控件之前/之后。 |
exclude |
array |
从组控件中排除某些控件。示例:[ 'color' ] |
返回值
(array) 包含边框值的数组。
用法
<?php
class Elementor_Test_Widget extends \Elementor\Widget_Base {
protected function register_controls(): void {
$this->start_controls_section(
'content_section',
[
'label' => esc_html__( 'Content', 'textdomain' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_group_control(
\Elementor\Group_Control_Border::get_type(),
[
'name' => 'border',
'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
}
}
这篇文档对你有帮助吗?
谢谢你的反馈!