Вибір Контролю

Контроль вибору дозволяє вибрати опцію з випадаючого списку. Його можна використовувати для рендерингу контенту або CSS стилізації. Використовуйте масив опцій, щоб заповнити випадаючий список вашими власними опціями. Ключ опції має бути написаний малими літерами, без пробілів.

class Prefix_Element_Posts extends EslElement {// Встановити контролери двигунаpublic function set_controls() {// Приклад контенту$this->controls['exampleSelectTitleTag'] = ['tab' => 'content','label' => esc_html__( 'Тег заголовка', 'esl' ),'type' => 'select','options' => ['h1' => 'H1','h2' => 'H2','h3' => 'H3','h4' => 'H4','h5' => 'H5','h6' => 'H6',],'inline' => true,'placeholder' => esc_html__( 'Виберіть тег', 'esl' ),'multiple' => true,'searchable' => true,'clearable' => true,'default' => 'h3',];// Приклад CSS$this->controls['exampleSelectTextAlign'] = ['tab' => 'content','label' => esc_html__( 'Вирівнювання тексту', 'esl' ),'type' => 'select','options' => ['right' => esc_html__( 'Праворуч', 'esl' ),'center' => esc_html__( 'По центру', 'esl' ),'left' => esc_html__( 'Ліворуч', 'esl' ),],'inline' => true,'css' => [['property' => 'text-align','selector' => '.prefix-title',],],'placeholder' => esc_html__( 'Виберіть', 'esl' ),'default' => 'center', // Ключ опції];}// Рендеринг HTML елементаpublic function render() {$title_tag = isset( $this->settings['exampleSelectTitleTag'] ) ? $this->settings['exampleSelectTitleTag'] : 'h5';echo '<' . $title_tag . ' class="prefix-title">' . get_bloginfo( 'name' ) . '</' . $title_tag . '>';}}