Skift indhold

Nogle gange skal en sektion vise to ting på samme sted, som ofte stillede spørgsmål og et teamgitter, eller månedlige og årlige priser. Den Skift indhold widget i Master Addons til Elementor tilføjer en lille switch, der vender mellem dem. Hver skift-indstilling indeholder enten almindelig tekst eller en fuld gemt Elementor-skabelon, og besøgende trykker på en etiket for at bytte om på det, der vises.

Du indstiller etiketterne, valgfri ikoner, og hvad hver enkelt viser, og derefter style kontakten til at matche. Det er en ren måde at passe mere ind i mindre plads uden at sende folk til en anden side. Denne vejledning dækker hver indstilling i widget.

Foretrækker du at se først? Denne korte tutorial går gennem Toggle Content widget ende til anden:

Hvad Toggle Content-widgetten gør #

Widgetten viser en skiftekontakt med to eller flere etiketter. Klik på en etiket, og området nedenfor skifter til den pågældende indstillings indhold. Hver indstilling kan være en tekstblok, du skriver i, eller en gemt skabelon, sektion eller side fra dit bibliotek.

Fordi det kan trække i skabeloner, er skiften ikke begrænset til kort tekst. Du kan vende mellem et helt FAQ-layout og en teamsektion, begge bygget andetsteds i Elementor og faldet i skiften.

Før du starter #

• WordPress med Elementor installeret og aktiv.
• Master Addons til Elementor installeret og aktiv. Ny i plugin'et? Se den installationsvejledning.
• Hvis du planlægger at skifte skabeloner, skal du gemme dem først i din Elementor skabelonbibliotek.

Sådan tilføjes widgetten Toggle Content #

I Elementor-editoren skal du åbne Elementer panel og søg efter Skift indhold, eller rul til afsnittet Mastertilføjelser. Træk det over på din side. Det indlæses med to prøveskiftindstillinger, så du kan se kontakten med det samme.

Opsæt skiftemulighederne #

I Content fanen, den Skift indhold sektion holder en Elementer repeater. Hvert element er én skifteindstilling. Standardindstillingerne er Label One og Label Two, og du tilføjer mere med Tilføj vare, duplikere med kopiikonet, eller fjerne med X.

Klik på et element for at åbne dets indstillinger, som har deres egne underfaner Indhold og typografi.

• Etiket: teksten på vippeknappen, som FAQ eller Our Team. Den understøtter dynamiske tags.
• Ikon: et valgfrit ikon vist ved siden af etiketten.
• Type: vælg Indhold til indtastet tekst eller Skabelon for at trække i et gemt layout.
• Indhold: når Type er indhold, vises en fuldteksteditor med medie, formatering og en kodevisning.

Skift en gemt skabelon i stedet for tekst #

Set Type til Template og yderligere to kontroller vises: Skabelon Type (såsom afsnit) og Vælg sektion, hvor du vælger enhver gemt skabelon fra dit bibliotek. Dette er hvad lader en enkelt skifte mulighed vise en hel pre-bygget layout.

I demoen peger den ene mulighed på en gemt FAQ-sektion og den anden på en teamsektion. Vend skifteren, og hele layoutet skifter.

Skift indstillinger #

The Skift indstillinger sektion styrer, hvordan kontakten opfører sig.

• Aktivt indeks: hvilken indstilling viser først, når siden indlæses. Indstil den til 1 for den første indstilling, 2 for den anden og så videre.
• Position: placer etiketikonet Før eller Efter etiketteksten.
• Indikatorhastighed: hvor hurtigt den aktive indikator glider mellem muligheder på få sekunder.

Style vippen #

The Style tab opdeles i Toggler, Indikator, og Etiketter. Toggler-sektionen styrer selve kontaktbeholderen.

• Stil: formen på vippen, såsom rund.
• Baggrundsfarve og Border Radius: sporskiftets udseende.
• Juster, zoom og bredde: placer og skaler kontakten i dens kolonne.
• Border, Box Shadow, Polstring, Margin: de sædvanlige indramningskontroller.

The Indikator sektionen styler det glidende højdepunkt bag den aktive etiket, og Etiketter afsnit indstiller typografien og farverne for etiketteksten i både aktiv og inaktiv tilstand.

Resultatet på siden #

Udgiv eller forhåndsvisning, og skiften fungerer live: besøgende trykker på en etiket, og indholdet nedenfor skifter med et dias. Her skifter skift fra FAQ-layoutet til skabelonen Vores team, hver af dem en fuld gemt sektion.

Almindelige brugstilfælde #

• Månedlig vs årlig prissætning skiftede over en prisfastsættelsestabel.
• FAQ og team sektioner, der deler én plads på en serviceside.
• Beskrivelse og specs på en produktside.
• Før og efter case study layouts.
• To gemte skabeloner byttet uden en anden side eller popup.

Tips til at arbejde med Toggle Content-widgetten #

• Byg skabeloner først. Gem de sektioner, du vil skifte til i dit bibliotek, og peg derefter hver indstilling på én.
• Hold etiketter korte. Et eller to ord passer rent til kontakten og læser hurtigt.
• Indstil det aktive indeks bevidst. Led med den mulighed, de fleste besøgende ønsker at se først.
• Match indholdshøjder, hvor du kan. At skifte mellem meget forskellige højder får siden til at hoppe.
• Brug ikoner for klarhed. Et lille ikon ved siden af hver etiket hjælper folk med at skelne mulighederne fra hinanden.

Ofte stillede spørgsmål #

Indpakning #

Widgetten Toggle Content passer to layouts ind i én slot og lader besøgende vende mellem dem med et tryk. Tilføj dine muligheder, vælg tekst eller en gemt skabelon for hver, indstil hvilken der fører, og stil kontakten til at matche. For andre måder at organisere indhold på, se Faner widget, gennemse hele Master Addons widgets og udvidelser, og kontrollere de prissætning side for hvad hver plan indeholder.