Контроль розмірів ідеально підходить для додавання декількох напрямків CSS-властивостей, таких як відступи та внутрішні відступи (верхній/правий/нижній/лівий). Ви можете задати напрямки на ваш розсуд через властивість directions.
class Prefix_Element_Dimensions extends EslElement {// Встановіть управління двигуномpublic function set_controls() {$this->controls['exampleDimensions'] = ['tab' => 'content','label' => esc_html__( 'Відступ заголовка', 'esl' ),'type' => 'dimensions','css' => [['property' => 'padding','selector' => '.prefix-element-dimensions-title',]],'default' => ['top' => '30px','right' => 0,'bottom' => '10em','left' => 0,],// 'unitless' => false, // за замовчуванням false// Користувацькі напрямки// 'directions' => [// 'offsetX' => esc_html__( 'Зміщення X', 'esl' ),// 'offsetY' => esc_html__( 'Зміщення Y', 'esl' ),// 'spread' => esc_html__( 'Розширення', 'esl' ),// 'blur' => esc_html__( 'Розмивання Y', 'esl' ),// ],];}// Відображення HTML елементаpublic function render() {echo '<h5 class="prefix-element-dimensions-title">' . get_bloginfo( 'name' ) . '</h5>';}}