Tekstfelt

The Tekstfelt er den, du når til enhver tid, en brugerdefineret widget har brug for en tekstlinje, som nogen kan redigere: en overskrift, en etiket, en kort billedtekst, et knapord. Inde i Master Addons Widget Builder, du slipper et Tekstfelt ind i dit widgetpanel, giver det et navn, og det navn bliver en kortkode, du placerer i din HTML, CSS eller JS. Uanset hvad brugeren typer i Elementor udskriver lige ind i din markup.

Som hvert Widget Builder-felt understøtter feltet Tekst Betingelser, så du kan vise eller skjule kontrollen baseret på et andet felts værdi. Dens output løber også gennem bygherrens Twig-syntaks skabelon motor, som lader dig pakke tokenet ind {% if %} kontrollerer eller anvender filtre som |upper. Begge guider dækker opsætningen og begrænsningerne.

Det gør mere end at udskrive en almindelig streng, selv om. Tekstfeltet hooks ind Elementor responsive kontroller og dynamiske tags, så et felt kan holde en anden overskrift på mobil end på skrivebordet, eller trække sin værdi fra en dynamisk kilde som indlægget titel.

Hvad Tekstfeltet gør #

Et tekstfelt gengiver et tekstinput med en enkelt linje i widgetens indstillingspanel. Når nogen redigerer din brugerdefinerede widget i Elementor, ser de det input, skriver en værdi, og din widget udsender det, uanset hvor du har placeret den matchende kortkode.

Det parrer godt med de andre inputfelter i bygherren. For længere multi-line indhold, nå til Tekstområdefelt. For rigt formateret indhold, brug den WYSIWYG-feltet. Tekstfeltet er det rigtige valg for korte, almindelige strenge. Hvis du er ny til at bygge widgets, skal du læse Widget Builder oversigt first.

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, der er åben i Widget Builder-editoren.

Sådan tilføjes et Tekstfelt #

I Widget Builder-editoren skal du finde panelet felter til venstre og derefter trække i Text felt ind i et afsnit under Content, Style, eller Advanced fane. De fleste tekstindgange hører til under Indhold. Når det er på plads, åbnes feltets muligheder til venstre, og dets kortkode vises i Dokumentation sidebjælke ved siden af kodeeditoren.

Tekstfeltindstillinger forklaret #

Vælg feltet Tekst for at åbne dets indstillinger. Disse indstillinger styrer, hvordan inputtet ser ud og opfører sig i panelet Elementor.

• Etiket: teksten, der vises over feltet i Elementor. Hold det kort og klart, som “Overskrift” eller “Knaptekst”.
• Navn: den entydige identifikator for feltet. Den skal kun indeholde bogstaver, tal og understregninger, så ingen mellemrum eller bindestreger. Dette navn bliver din kortkode, så et felt navngivet heading giver dig {{heading}}.
• Beskrivelse: valgfri hjælpetekst vist under feltet. Brug den til at forklare, hvad inputtet styrer.
• Pladsholder: det gråtonede tip, der vises, når feltet er tomt, for eksempel “Skriv din overskrift”. Det guider brugeren uden at indstille en reel værdi.
• Standardværdi: den værdi feltet starter med. Indstil noget i retning af “Byg bedre oplevelser”, så widgetten ser færdig ud, før nogen redigerer den.

Fælles indstillinger:responsiv, dynamisk og mere #

Rul ned til Fælles Indstillinger for de kontrolelementer, der bestemmer, hvor fleksibelt feltet er. Det er her, du slår responsive værdier og dynamiske mærker til.

• Vis etiket: skift om etiketten vises over feltet.
• Etiketblok: vis etiketten på sin egen linje over inputtet i stedet for ved siden af.
• Responsive Control: slå dette til for at lade brugerne indstille en anden værdi for desktop, tablet og mobil. God til overskrifter, der skal være kortere på små skærme.
• Dynamisk support: slå dette til for at aktivere Elementor dynamiske tags, så feltet kan trække sin værdi fra en kilde som indlægstitlen eller forfatternavnet i stedet for statisk tekst.
• Frontend Tilgængelig: gør kontrolelementets værdi tilgængelig for frontend JavaScript. Aktivér den, når din widgets JS skal læse værdien.
• Separator: indstil, hvor der vises en skillelinje omkring kontrolelementet (Ingen, Før, Efter, Standard).
• Betingelser: vise eller skjule dette felt baseret på værdien af et andet kontrolelement. Klik Tilføj betingelse at sætte reglen.

Forbind feltet til din kode #

Hvert Tekstfelt genererer en kortkode fra dets Navn. Tilføj et felt med navnet heading og tokenet {{heading}} vises i sidebjælken Dokumentation. Slip det token i din HTML, uanset hvor teksten hører hjemme.

For en helteoverskrift er ændringen lille:

• Erstat den statiske tekst inde i din <h1> med {{heading}}.
• Gem widgetten. Nu den <h1> udskriver den værdi, brugeren angiver i Elementor.

Da shortcoden kun er et token, kan du genbruge den samme feltværdi i CSS eller JS også. Et felt, mange steder.

Brug kontrolelementet Tekst i Elementor #

Træk din brugerdefinerede widget over på en side, og åbn den i Elementor-editoren. Feltet Tekst vises som et normalt kontrolelement med din etiket, pladsholder og standardværdi allerede på plads. To små ikoner sidder ved siden af inputtet: a enhedsikon for responsive værdier, og en ikon for dynamiske tags når du aktiverede disse muligheder.

Skriv en ny værdi, og widgetopdateringerne live. I eksemplet nedenfor omskriver ændring af overskriftsfeltet helteoverskriften på siden. Den samme felttype fungerer lige så godt for et afsnit, en knapetiket eller en hvilken som helst anden kort streng. Det er hele pointen med feltet Tekst: hvor som helst en widget skal udskrive tekst, er dette det kontrolelement, du bruger.

Træk tekst fra et dynamisk mærke #

Med Dynamisk support på, klik på ikonet dynamiske tags og vælg en kilde. Master Addons og Elementor liste grupperede tags såsom Arkivtitel, Forfatternavn, Forfatterinfo, og Kommentarer nummer. Vælg en og feltet trækker live data i stedet for statisk tekst, hvilket sparer dig fra at redigere den samme titel på tværs af snesevis af indlæg.

Indstil en anden værdi pr. enhed #

Med Responsive Control tændt skal du klikke på enhedsikonet for at skifte mellem Desktop, Tablet og Mobil og derefter indtaste en separat værdi for hver. En lang desktopoverskrift kan blive en kortere på telefoner uden at røre ved desktopversionen. Værd at vide: Hvis du lader tablet- eller mobilværdien være tom, falder den tilbage til desktopteksten, så du kun tilsidesætter de brudpunkter, der faktisk har brug for det.

Almindelige brugstilfælde #

• Heltens overskrifter at redaktører kan ændre uden at åbne koden.
• Afsnit afsnit og korte beskrivelser.
• Knap- og CTA-etiketter bundet til widgetens link.
• Badges, tags og små billedtekster hvor formatering ikke er nødvendig.
• Dynamiske titler der trækker fra posten eller arkivet for genanvendelige skabeloner.

Tips til at arbejde med feltet Tekst #

• Navngiv felter meningsfuldt. Navnet bliver din shortcode, så heading læser bedre i kode end field_1.
• Indstil altid en standardværdi. Det holder widgeten ser komplet i editoren og på første dråbe.
• Tænd kun Responsive og Dynamic, når du har brug for dem. Ekstra kontroller roder panelet for simpel tekst.
• Brug Pladsholder som vejledning, ikke indhold. Den udskrives aldrig til siden, så stol ikke på den for ægte tekst.
• Byg feltet, før du refererer til dets kortkode. Tokenet eksisterer kun, når feltet er på panelet.

Ofte stillede spørgsmål #

Indpakning #

Widget Builder Text-feltet er den enkleste måde at gøre en brugerdefineret Elementor-widget redigerbar. Navngiv den, slip dens kortkode i din kode, indstil en standard, og tænd for responsiv eller dynamisk support, når et projekt kræver det. Derefter kan alle opdatere teksten fra Elementor uden at røre ved en kodelinje. Tag et kig på resten af Master Addons widgets og udvidelser, og kontrollere de prissætning side for hvad hver plan indeholder.