Контроль числа представляє собою просте поле вводу числа. Він має такі користувацькі властивості:
- одиниці (необов’язково: логічне або масив)
- одиниця (рядок:
px
,em
,rem
тощо) - мінімум (число)
- крок (за замовчуванням: 1) (Користувацький: ‘0.1’ тощо)
Використовуйте його для відображення числа на сторінці або встановіть властивість css
контролю для націлювання на конкретний стиль CSS.
class Prefix_Element_Number extends EslElement {// Налаштування контролю двигунаpublic function set_controls() {$this->controls['exampleNumber'] = ['tab' => 'content','label' => esc_html__( 'Число', 'esl' ),'type' => 'number','min' => 0,'step' => '0.1', // За замовчуванням: 1'inline' => true,'default' => 123,];$this->controls['examplePadding'] = ['tab' => 'content','label' => esc_html__( 'Відступ у px', 'esl' ),'type' => 'number','unit' => 'px','inline' => true,'css' => [['property' => 'padding',],],'default' => 33,];}// Відображення HTML елементаpublic function render() {if ( isset( $this->settings['exampleNumber'] ) ) {echo esc_html__( 'Число: ', 'esl' ) . $this->settings['exampleNumber'];} else {esc_html_e( 'Число не надано.', 'esl' );}}}