Number

The Nummerfelt tilføjer et almindeligt numerisk input til en brugerdefineret widgets panel. Kolonnetællinger, pixelbredder, elementer pr. slide, stjernebedømmelser: enhver indstilling, der kun giver mening som et tal, hører hjemme her. Inde i Master Addons Widget Builder, indstiller du det tilladte område én gang, og editoren får et input, der kun accepterer tal inden for det.

Feltet Tal understøtter Betingelser til at vise eller skjule kontrollen baseret på et andet felt, og dens token gengives gennem bygherrens Twig-syntaks skabelon motor, hvor numeriske sammenligninger som {% if price > 0 %} arbejd ud af kassen. Begge guider dækker opsætning og begrænsninger.

Værdien forbinder til din widget gennem et skabelon-token. Skriv {{ your_field_name }} i HTML-, CSS- eller JS-panelet og nummerudskrifterne der på gengivelsestidspunktet. Én kontrol kan drive opmærkning, styling og scriptadfærd på samme tid.

Hvad feltet Tal gør #

• Gengiver et numerisk input i widgettens Elementor-panel med browserspinnerpile.
• Håndhæver en rækkevidde igennem Min, Max, og Step muligheder, du definerer i bygherren.
• Udsender et almindeligt tal, uanset hvor du placerer dets {{ token }} i HTML-, CSS- eller JS-panelet.
• Virker i sammenligninger, så skabelonen kan forgrene sig med {% if my_number > 3 %}.
• Understøtter Elementors vælgermekanisme som en alternativ ledning, der skriver værdien direkte ind i en CSS-regel.

Har du aldrig bygget en widget med bygherren før? Den Widget Builder oversigt går gennem selve editoren og er ti minutter værd, før du kommer ind på enkelte felter.

Før du starter #

• WordPress med Elementor installeret og aktiv.
• Master Addons til Elementor installeret og aktiv. Ny i plugin'et? Se den installationsvejledning.
• En brugerdefineret widget åben i Widget Builder editor. Vores eksempel er en klient logo karrusel, hvor et Nummer felt navngivet logos_per_slide styrer, hvor mange logoer der vises på én gang.

Sådan tilføjes et Nummerfelt #

Træk Number felt fra panelet felter til en sektion under Content eller Style fane. Så snart det lander, åbnes feltets muligheder i venstre side af bygherren.

Talfeltindstillinger forklaret #

• Etiket: teksten vist ved siden af inputtet i Elementor, for eksempel “Logos Per Slide”.
• Navn: den unikke identifikator, dine skabeloner henviser til. Kun bogstaver, tal og understregninger, f.eks logos_per_slide.
• Standard: det nummer widgetten starter med på et frisk drop.
• Pladsholder: tip tekst vist, mens inputtet er tomt.
• Min / Max: de laveste og højeste værdier input accepterer.
• Trin: den stigning, spinnerpilene bevæger sig med, f.eks 1 for hele tal eller 0.5 for halve skridt.
• Beskrivelse: valgfri hjælpetekst under kontrolelementet.
• Vis etiket, etiketblok, separator: standardvisningen skifter plus Betingelser for kun at vise feltet, når et andet kontrolelement har en bestemt værdi.

Forbind feltet Tal med dets token #

Feltet Tal er et tokenfelt. Hvor som helst {{ logos_per_slide }} vises i et panel, udskriver den aktuelle værdi på sin plads. Alle tre paneler accepterer det:

<!-- 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 }};

En ting, der fejler lydløst her: et tomt felt udskriver en tom streng, og repeat(, 1fr) er ikke gyldig CSS, så browseren dropper hele reglen uden klage. Hvis tokenet føder et CSS- eller JS-udtryk, skal du indstille en Standard, så en frisk widget aldrig gengives med et hul i den.

Fordi værdien er et tal, sammenligninger arbejde i skabelon logik. En karrusel kan springe sine navigationspile, når alt allerede passer på én slide:

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

Feltet understøtter også Elementors selektorer ledninger som et alternativ. Bemærk, at for Tal, Elementor injicerer den nøgne værdi snarere end en fuld erklæring, så vælgerne indtastning skal stave ud hele egenskaben, for eksempel width: {{VALUE}}px;.

Pas på: når tokenet lander inde i et CSS- eller JS-udtryk, skal du sætte enheden uden for bøjlerne. width: {{ logo_min_width }}px virker; forventer feltet til at bære sin egen enhed gør ikke, fordi værdien er et nøgent tal. Hvis du har brug for editoren til at vælge enheden også, Slider feltet er den bedre pasform.

Brug kontrolelementet Tal i Elementor #

Slip din brugerdefinerede widget over på en side i Elementor (genindlæs editoren først, hvis siden allerede var åben). Feltet Tal vises som et lille input med spinnerpile under den etiket, du indstiller. Skriv en værdi, eller klik på pilene. Forhåndsvisningen opdateres live, og værdier uden for Min/Max-området afvises af selve inputtet.

Almindelige brugstilfælde #

• Kolonne og element tæller udskrives i et CSS-gitter eller flex-regel.
• Karruselindstillinger såsom dias pr. visning eller forsinkelse af automatisk afspilning, læst af JS-panelet.
• Pixel- og procentværdier hvor en enkelt enhed er fastgjort af widgetten, som en fast enhedsbredde eller mellemrum.
• Bedømmelser og scores at skabelonen sammenligner med tærskler.
• Grænser som “vis højst N indlæg”, overført til widgettens script.

Tips til at arbejde med feltet Tal #

• Sæt Min og Max. Et kolonnetal på 0 eller 40 vil bryde de fleste layouts; at begrænse inputtet i bygherren er billigere end at beskytte det i skabelonen.
• Match Trin til værdiens betydning. Hele varer får 1; opacitet-stil værdier får 0.1.
• Send en fornuftig Default så widgetten gengiver korrekt det øjeblik, den tabes.
• Sammenlign med tal, ikke etiketter. {% if logos_per_slide > 4 %} er gyldig skabelon logik; der er ingen mulighed etiket til at sammenligne her, i modsætning til en Vælg felt.
• Fuldstændige erklæringer i vælgerposter. Hvis du leder feltet gennem valgmuligheden Selector i stedet for et token, skal du skrive den komplette egenskab, da Elementor kun injicerer den blottede værdi for Number.

Ofte stillede spørgsmål #

Indpakning #

Feltet Widget Builder Number udfører nøjagtigt arbejde: ét afgrænset numerisk input, ét token, og værdien lander, hvor widgetten har brug for det, i opmærkning, typografier eller script. Par det med Switcher field for on/off adfærd og den Repeaterfelt når optællingen skal komme fra rigtige varer i stedet for en indstilling. Udforsk resten af Master Addons widgets og udvidelser, og se den prissætning side for hvad hver plan indeholder.