Номер

The Числовое поле добавляет простой числовой ввод в панель пользовательского виджета.Column counts, pixel births, items per slide, star ratings: любой параметр, имеющий смысл только как число, принадлежит здесь.Inside the Master Addons Виджет Строитель, вы устанавливаете разрешенный диапазон один раз и редактор получает входные данные, которые принимают только числа внутри него.

Поле "Номер" поддерживает Условия за показ или сокрытие управления на основе другого поля, а его токен рендеринг через строителя Механизм шаблонов Twig-синтаксисагде числовые сравнения {% if price > 0 %} работа из коробки. оба руководства охватывают настройку и ограничения.

Значение подключается к вашему виджету через шаблонный токен.Написать {{ your_field_name }} в панели HTML, CSS или JS и число печатает там во время рендеринга Один элемент управления может управлять разметкой, стилем и поведением сценария одновременно.

Что делает поле Число #

• Отдает числовой ввод в панели Elementor виджета, со стрелками-спиннерами браузера.
• Обеспечивает соблюдение диапазона Мин, Макси Шаг параметры, которые вы определяете в конструкторе.
• Выводит простое число, где бы вы его ни разместили {{ token }} на панели HTML, CSS или JS.
• Работает в сравнениях, поэтому шаблон может разветвляться на {% if my_number > 3 %}.
• Поддерживает механизм селекторов Elementor в качестве альтернативной проводки, записывая значение прямо в правило CSS.

Никогда раньше не создавал виджет с конструктором? Обзор виджета-строителя проходит через сам редактор и стоит десять минут, прежде чем попасть в отдельные поля.

Прежде чем начать #

• WordPress с Элементор установлен и активен.
• Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
• Пользовательский виджет, открытый в редакторе Widget Builder Наш пример - карусель с логотипом клиента, где указано поле Число logos_per_slide контролирует, сколько логотипов отображается одновременно.

Как добавить поле Число #

Перетащите Номер поле с панели полей в раздел под Содержание или Стиль вкладка Как только она приземлится, варианты поля открываются с левой стороны строителя.

Объяснены параметры поля номера #

• Этикетка: текст, показанный рядом с входом в Elementor, например “Logos Per Slide”.
• Имя: уникальный идентификатор, на который ссылаются ваши шаблоны Буквы, цифры и подчеркивания только, например logos_per_slide.
• По умолчанию: номер, с которого начинается виджет, на свежей капле.
• Заполнитель: текст подсказки отображается, пока вход пуст.
• Мин/Макс: самые низкие и самые высокие значения, которые принимает вход.
• Шаг: например, приращение, на которое движутся стрелки-вертушки 1 для целых чисел или 0.5 за полшага.
• Описание: дополнительный вспомогательный текст под контролем.
• Показать метку, блок этикеток, сепаратор: стандартный дисплей переключается, плюс Условия отображения поля только тогда, когда другой элемент управления имеет определенное значение.

Подключите поле "Число" своим токеном #

Поле Число - поле жетона Где угодно {{ logos_per_slide }} появляется в панели, текущее значение печатает на своем месте Все три панели принимают его:

<!-- HTML panel -->
<div class="logo-track" data-count="{{ logos_per_slide }}">

/* CSS panel */
.logo-track { grid-template-columns: repeat({{ logos_per_slide }}, 1fr); }
.logo-item { min-width: {{ logo_min_width }}px; }

// JS panel
var perSlide = {{ logos_per_slide }};

Одна вещь, которая здесь бесшумно терпит неудачу: пустое поле печатает пустую строку, и repeat(, 1fr) не является действительным CSS, поэтому браузер без жалоб отбрасывает все правило. если токен подает выражение CSS или JS, установите значение по умолчанию, чтобы новый виджет никогда не выполнял рендеринг с дырой в нем.

Поскольку значение является числом, сравнения работают в логике шаблона. карусель может пропустить свои навигационные стрелки, когда все уже помещается на одном слайде:

{% if logos_per_slide > 4 %}
<button class="logo-nav">&rarr;</button>
{% endif %}

Поле также поддерживает Elementor's селекторы проводка как альтернатива. обратите внимание, что для числа Elementor вводит простое значение, а не полное объявление, поэтому запись селекторов должна указывать, например, все свойство width: {{VALUE}}px;.

Осторожно: когда токен попадает внутрь выражения CSS или JS, поместите устройство за пределы скобок. width: {{ logo_min_width }}px работает; ожидание, что поле будет нести свою собственную единицу, не делает этого, потому что значение является голым числом. Если вам нужно, чтобы редактор выбрал единицу тоже, поле Slider лучше подходит.

Используйте элемент управления числом в Elementor #

Бросьте свой пользовательский виджет на страницу в Elementor (первым перезагрузите редактор, если страница уже была открыта).Поле "Номер" отображается в виде небольшого ввода со стрелками-спиннерами под установленной вами меткой. Введите значение или щелкните стрелки. Предварительный просмотр обновляется в реальном времени, а значения за пределами диапазона Min/Max отклоняются самим входом.

Обычные случаи использования #

• Подсчет столбцов и элементов напечатано в сетке CSS или гибком правиле.
• Настройки карусели например, слайды на просмотр или задержка автовоспроизведения, считываемые панелью JS.
• Пиксельные и процентные значения если виджет фиксирует один блок, например, фиксированную ширину или зазор.
• Рейтинги и баллы шаблон сравнивается с пороговыми значениями.
• Пределы как “показать максимум N пост”, переданный в скрипт виджета.

Советы по работе с полем Число #

• Установите Мин и Макс. Количество столбцов 0 или 40 разбивает большинство макетов; ограничить ввод в конструкторе дешевле, чем хранить его в шаблоне.
• Соответствовать Шагу значению. Целые предметы получают 1; получаются значения в стиле непрозрачности 0.1.
• Отправьте разумный дефолт таким образом, виджет правильно отображает момент его падения.
• Сравните с цифрами, а не с метками. {% if logos_per_slide > 4 %} является допустимой логикой шаблона; здесь нет метки опции для сравнения, в отличие от a Выбрать поле.
• Полные объявления в записях селекторов. Если вы прослушаете поле через опцию "Выбор" вместо токена, напишите полное свойство, поскольку Elementor вводит только чистое значение числа.

Часто задаваемые вопросы #

Завершая #

Поле "Номер конструктора виджетов" выполняет точную работу: один ограниченный числовой ввод, один токен, и значение попадает туда, где оно необходимо виджету, в разметку, стили или сценарий. Соедините его с Поле коммутатора для поведения включения/выключения и Поле ретранслятора когда счет должен прийти из реальных предметов вместо настройки Исследуйте остальные Виджеты и расширения Master Addgetsи посмотрите страница ценообразования за то, что включает каждый план.