Elementorindholds-toggle-widget til at skifte sektion (Pro)
Toggle Content er en Master Addons Pro widget, der sætter en switch over (eller under) en blok af indhold. Besøgende klikker på en etiket, og indholdet under den ændres, den måde en Billed Monthly og Billed Yearly switch ændrer et sæt priskort. Hver mulighed kan holde tekst, du skriver eller en gemt Elementor sektion, side eller widget skabelon, og du kan tilføje så mange muligheder, som du vil. En farvet indikator glider bag den aktive etiket. Det er et skift mellem indholdssæt snarere end en udvide og kollapse liste, så for sammenklappelige FAQs brug Advanced Accordion i stedet.
Sådan tilføjes en indholdstogt i Elementor
Toggle Content har brug for Elementor og en aktiv Master Addons Pro licens. Hvis en indstilling skal vise et fuldt layout, skal du først gemme det pågældende layout som en skabelon.
- Gem de sektioner, du vil skifte mellem (f.eks. Månedlig prissætning og Årlig prissætning) som Elementor-skabeloner.
- Rediger din side med Elementor, søg i widgetpanelet efter Skift indhold og trække den på plads.
- In Elementer, omdøbe Label One og Label Two, og tilføje flere elementer, hvis du har brug for dem.
- For hvert element skal du indstille Type til indhold og skrive teksten, eller indstille den til Skabelon og vælge den gemte sektion, side eller widget.
- In Skift indstillinger, vælge det aktive indeks, sætte kontakten Før eller Efter indholdet, og indstille Indikatorhastighed.
- Style Toggler, Indikator og Etiketter, indstil Stack On til mobil, og forhåndsvisning og klik derefter på hver etiket.
Hver indstilling er dækket af Skift indstillinger for indholdswidget guide.
Tekst eller en gemt skabelon i hver indstilling
Hver genstand i Elementer repeater er én mulighed på kontakten. Giv den en Label og en valgfri Ikon (før eller efter etiketten, med Icon Spacing). Indstil derefter Type til Indhold for en teksteditor med medier og dynamiske tags, eller til Skabelon og vælg en gemt Sektion, Side eller Widget fra dit Elementor-bibliotek.
- Byg de månedlige og årlige pristabeller som to gemte sektioner, og peg derefter på en mulighed ved hver.
- En formular, et galleri eller en hvilken som helst anden widget kan sidde i en indstilling, når den er gemt som en skabelon.
- Hver mulighed har sin egen etiketfarve, aktiv etiketfarve og indikatorfarve i sin stilunderfane.
Style Toggler, Indikator og Etiketter
The Toggler sektion styler switch-sporet: Stil (rund eller firkantet), baggrundsfarve, kantradius, Juster, Zoom for at skalere det, bredde (%), kant, boksskygge, polstring og margen. Indikator styles det glidende højdepunkt med egen baggrund, højde, bredde, grænseradius, kasseskygge og polstring. Etiketter indstiller typografi, en overgang, Mellemrum og farver for tilstandene Standard, Svæve og Aktiv.
- A Content sektion styler panelet nedenfor med typografi, polstring, margin, kant, farve og baggrund.
- Indikatorhastighed indstiller, hvor lang tid sliden tager, 0,3 sekunder som standard.
- Selve indholdspanelet skifter med det samme. Kun indikatoren glider.
Standardindstilling, position og mobillayout
Aktivt indeks vælger den indstilling, der viser, hvornår siden indlæses, 1 for den første. Position sætter kontakten Før eller Efter indholdet. På små skærme, Stack On (Alle, Tablet & Mobile eller Mobile) forvandler rækken af etiketter til en lodret liste med separate Inline Align- og Stacked Align-kontroller.
- Med to muligheder vender det aktive mærke til det andet, så det fungerer som en tænd- og sluk-knap.
- Med tre eller flere, klik på den aktive etiket går videre til næste mulighed.
- Siden husker ikke valget, så hvert besøg starter på indstillingen Aktivt indeks.
Indholdstogt vs Accordion vs Tabs i Elementor
Alle tre sparer plads, men de løser forskellige problemer. Elementors gamle Toggle-widget er en sammenklappelig liste, og Elementor skjuler den nu for panelet til fordel for Accordion. Hverken Elementor eller Elementor Pro har en switch, der bytter et indholdssæt ud med et andet, hvilket er det job, Toggle Content gør.
| Widget | Hvad besøgende ser | Bedst til | Hvor skal man få det |
|---|---|---|---|
| Skift indhold | En switch med etiketter. Et indholdssæt vises ad gangen. | Månedlige og årlige priser, personlige og forretningsmæssige planer, to versioner af en sektion | Master Addons Pro |
| Accordion | En stak titler, der udvides og kollapser | FAQs og lange lister med korte svar | Elementor Accordion (gratis) eller Advanced Accordion (gratis) |
| Faner | En række fanetitler over et indholdsområde | Flere sektioner af lignende vægt, som funktioner, specifikationer og anmeldelser | Elementor Tabs (gratis) eller Avancerede faner (gratis) |
Hvis besøgende skal se flere svar på én gang, skal du bruge en harmonika. Hvis der er mange sektioner, er fanerne klarere. Når valget står mellem to eller tre versioner af den samme ting, holder en indholdsskift layoutet stabilt og gør valget indlysende. Det passer også godt sammen med Prissætning Tabel widget.
Ofte stillede spørgsmål til Toggle Content
Er Toggle Content gratis?
Nej. Toggle Content er en Pro-widget og har brug for en Master Addons Pro licens. Det gratis plugin har Advanced Accordion og Avancerede faner, som dækker sammenklappelige lister og afsnit med faner.
Kan jeg bruge mine gemte Elementor-skabeloner inde i en vippe?
Ja. I et element skal du indstille Type til skabelon, vælge Sektion, Side eller Widget i Skabelontype og derefter vælge den gemte skabelon. Den indstilling viser hele skabelonen, når dens etiket er aktiv.
Hvordan er en indholdsskift forskellig fra en harmonika eller faner?
En harmonika udvider og kollapser elementer på en liste, og faner viser en række titler over et indholdsområde. En indholdsskift er en switch, der bytter et helt indholdssæt ud med et andet, hvilket passer til valg som månedlige eller årlige priser. Elementors egen Toggle-widget er virkelig en sammenklappelig liste og er nu skjult til fordel for Accordion.
Hvordan opfører det sig på mobilen?
Etiketterne sidder som standard på række. Indstil Stack On til Mobile, Tablet & Mobile eller All for at stable dem lodret, og brug Stacked Align til at stille dem op. Skabelonindhold følger sine egne responsive indstillinger.
Kan jeg have mere end to skiftemuligheder?
Ja. Klik på Tilføj element i Elements repeater for at tilføje mere. Med tre eller flere muligheder flytter klik på den aktive etiket til den næste, og klik på en hvilken som helst anden etiket springer direkte til den. For mange sektioner er faner normalt nemmere at scanne.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
