Sig, at din butik lukker ved 6pm, og du vil have knappen “Bestil nu” til at blive til et “Vi er lukket, tilbage ved 9am” varsel efter timer. Eller prissætningstabellen viser en pris til loggede besøgende og en anden til medlemmer. Du kunne bygge to sider og bytte dem i hånden. Ingen ønsker at gøre det to gange om dagen.
Elementor betinget display løser det: byg begge versioner på den samme side, og vedhæft derefter en regel til hver enkelt, der bestemmer, hvem der ser det og hvornår. Den Display Betingelser udvidelse i Master Addons tilføjer dette til hvert Elementor-element, gratis, ingen kode.
Nedenfor: hver tilstandstype, hvordan AND/OR-logikken faktisk opfører sig, den ene indstilling, der stille og roligt bider folk (Output HTML), og hvor denne tilgang løber tør for vej.
Hvad betinget visning faktisk gør
Hvert Elementor-element, uanset om det er en container, en widget eller en kolonne, samler en op Visningsbetingelser panel i sin Advanced fane. Tænd for det, og du kan vedhæfte regler. Besøgende passerer, de ser elementet. Besøgende fejler, det er væk.
Hver regel lyder som en sætning i tre dele: hvad der skal kontrolleres, en operatør (Er eller Er ikke), og en værdi. “Loginstatus er Logget ind.” “Browser er ikke Safari.” Det er hele modellen. Alt nedenfor er en variation af det.
Tænd først for forlængelsen
Display Conditions leveres med Master Addons, men er ikke aktiv ud af boksen. Gå til Master Addons > Indstillinger > Udvidelser, finde den under gruppen Dynamiske widgets, slå den til, gemme.
Spring det over, og panelet Vis betingelser vises aldrig i fanen Avanceret, hvilket er langt den mest almindelige “det virker ikke”-meddelelse, vi får. Hvis du ikke har plugin'et endnu, installer Master Addons gratis fra WordPress.org.
Indstillingen Display On: alle betingelser vs enhver betingelse
Aktiver Visningsforhold på et element, og du får en Visning på dropdown med to valg. At vælge den forkerte er den mest almindelige årsag til, at en regel “ikke virker.”
Alle betingelser opfyldt er OG logik, så enhver regel skal bestå. Enhver betingelse opfyldt er OR-logik, så én beståelsesregel er nok.
Her er hvad det betyder i praksis. Sig, at du har angivet to betingelser: “Browser er Chrome” og “Brugerrolle er administrator.”
På Alle betingelser opfyldt, kun en admin, der tilfældigvis er browsing i Chrome ser elementet. Den samme admin på Firefox ser intet.
På Enhver betingelse opfyldt, hver Chrome besøgende ser det, og det gør hver admin på enhver browser også. Det er et meget større publikum, end de fleste mennesker har i tankerne, når de tilføjer en anden regel.
Så hvis et element viser til folk, det ikke burde, skal du tjekke denne dropdown, før du rører ved noget andet.
Output HTML-skiften (læs dette, før du skjuler noget følsomt)
At sidde lige under hovedskifteren er Uddata HTML, og dens egen etiket præciserer, hvad den gør: “Hvis aktiveret, vil HTML-koden eksistere på siden, men widgetten vil blive skjult ved hjælp af CSS.”
Det betyder meget mere, end dens stille placering antyder.
Lad det af, som er standard, og elementet gengives aldrig. Det er slet ikke i sidekilden. En person, der fejler betingelsen, kan ikke se - kilde og læse den, og Google vil ikke indeksere den.
Drej den på og elementet bliver gengivet i HTML, derefter skjult med CSS. Enhver kan åbne dev-værktøjer, slette en linje og læse det hele.
Så hold Output HTML slukket for noget, du rent faktisk ønsker holdt privat: en pris kun for medlemmer, et skjult downloadlink, en intern note. Grunden til, at indstillingen overhovedet eksisterer, er, at nogle scripts har brug for markeringen til stede i DOM for at fungere, hvilket kommer op med skydere, fanesystemer og tællere, der måler elementer på sidebelastning. Det er tilfældet at tænde for det for, og ikke meget andet.
Mens vi er her, er den stumpe version: betinget visning et præsentationsværktøj, ikke et adgangskontrolsystem. Med Output HTML slukket er det helt solidt til daglig brug. Men indhold, der skal låses ned, som et betalt kursus eller en gated fil, hører til bag reel beskyttelse. Den Begræns indhold widget eksisterer for det, og en ordentlig WordPress medlemskab opsætning er det rigtige svar på alt, hvad du tager penge for.
Hver betingelse, du kan bruge
Åbn dropdownen Betingelse, og du får fire grupper.
| Group | Betingelser | Typisk anvendelse |
|---|---|---|
| Visitor | Login Status, Brugerrolle, Operativsystem, Browser | Medlemspriser, admin-only noter, “Download til Mac” knapper |
| Dato & Tid | Datointerval, Tidspunkt på dagen, Ugedag | Salg, der udløber, åbningstider, weekendtilbud |
| Single | Side, Indlæg, Statisk side, Indlægstype, Indlæg har termin | Header CTA, der ændres på bestemte sider |
| Arkiv | Taksonomi Arkiv, Term Arkiv, Post Type Arkiv, Dato Arkiv, Forfatter Arkiv, Søgeresultater | Kategorispecifikke bannere, en meddelelse om tomme søgeresultater |
Hver eneste af dem parrer med Er eller Er ikke, som stille og roligt fordobler, hvad en enkelt regel kan gøre.
Vis kun indhold til loggede brugere
Vælg elementet, åbn Avanceret > Visningsbetingelser, slå den til. Standardbetingelsen er allerede Login Status indstil til Er, hvilket betyder, at indloggede besøgende ser det, og ingen andre gør. Du behøver ikke at ændre noget.
Byg nu den modsatte version for loggede besøgende. Vælg det andet element, aktiver Visningsbetingelser, og vend operatøren til Er ikke.
Stable de to på én side, og du har en overskrift, der hilser medlemmer ved navn og pitcher en tilmelding til alle andre, uden nogen duplikatside at holde synkroniseret.
Målrette en bestemt brugerrolle
Samme flow, forskellig tilstand. Vælg Bruger Rolle fra dropdown og vælg den rolle, du er ude efter: Administrator, Editor, Abonnent, Kunde, uanset hvad dit websted har. WooCommerce og medlemskab plugins tilføje deres egne roller til denne liste.
Vend den til Er ikke Administrator og alle undtagen admins ser elementet. Det er praktisk for en “her er hvordan man redigerer dette afsnit” note din klient ser på siden, uden at du behøver at se på det hver gang du åbner webstedet.
Én fangst: en brugerrolle eksisterer kun for en person, der er logget ind. En logget ud besøgende har ingen rolle overhovedet, så en Brugerrolle regel vil aldrig matche dem, uanset hvad du indstiller. Hvis du har brug for at fange logget ud mennesker, det er en Login Status regel.
Vis indhold efter dato, klokkeslæt eller ugedag
Tre tidsbaserede forhold, og de sparer mere arbejde end noget andet på listen.
Datointerval tager en start og en slutdato. Byg Black Friday-banneret i oktober, indstil sortimentet, glem det. Det dukker op og forsvinder af sig selv.
Tidspunkt på dagen tager et tidsvindue, som er den åbne-mod-lukkede swap fra toppen af denne artikel.
Dag Ugen tager en eller flere dage, tilføjet som tags.
Sæt det til mandag til fredag for en “chat med support nu” widget og lad en “lad os en besked” blok dække weekenden. Kombiner ugedag med tid på dagen på Alle betingelser opfyldt og du har beskrevet rigtige åbningstider i to regler.
Forsigtig med uret, selv om. Tidsforholdene kører på din WordPress site tidszone (Indstillinger > Generelt), ikke den besøgendes. Hvis dit salg formodes at slutte ved midnat for kunden, og din server sidder på UTC, mens dine kunder er i New York, slutter det fem timer for tidligt for dem. Tjek den indstilling, før du planlægger noget, der koster penge.
Vis indhold efter browser eller operativsystem
Pick Browser eller Operating System og målrette Chrome, Firefox, Safari, Edge, Windows, macOS, Linux, og så videre.
Den virkelige brug for OS målretning er app downloads. Vis Mac-knappen til Mac besøgende og Windows-knappen til Windows besøgende, i stedet for en række af fire knapper, hvor tre af dem er forkert for den, der søger.
Browsermålretning er smallere end folk forventer. Det er for lejlighedsvis “denne funktion opfører sig anderledes i Safari”-meddelelse, ikke for forsendelse af forskellige designs pr. browser. Hvis en sektion kun virker i Chrome, skal du rette CSS. Skjul det ikke for dine Firefox-besøgende og kald det gjort.
Også værd at sige klart: dette er ikke enhedsmålretning. Elementors responsive kontroller skjuler allerede elementer pr. skærmstørrelse, og det er det rigtige værktøj til telefon versus skrivebord. Operativsystem handler om platformen, ikke størrelsen på skærmen.
Hvor dette bliver virkelig nyttigt
Et par opsætninger, der er værd at stjæle.
Kør to overskrifter fra én skabelon: i din Tema Bygherre overskrift, sæt en “Log ind” knap på Log ind Status Er ikke, og en “Min konto” knap på Login Status Er. Én overskrift, begge målgrupper. Det samme trick virker i footer.
Lad salget køre sig selv med en promo-bar på en Date Range tilstand, planlagte uger forude, så der er ingen 6am lanceringsdag scramble. Efterlad klient instruktioner på siden med en admin-only note indstillet til Brugerrolle Er Administrator, sidder præcis, hvor det er nødvendigt i stedet for at blive begravet i en e-mail.
Du kan også sætte betingelser på elementerne inside a popup, så en enkelt popup tjener logget ind og logget ud besøgende forskelligt, og bruge Taxonomy Archive betingelser for at køre et andet tilbud på hvert produktkategori arkiv.
For dybere personalisering, par betingelser med Dynamiske tags (ACF understøttet) så den version, der overlever reglerne, trækker live data i stedet for statisk tekst.
Ting, der fanger folk ud
- Ingen skærmbetingelser panel. Udvidelsen er ikke aktiveret. Mastertilføjelser > Indstillinger > Udvidelser.
- Elementet viser til alle. Visning til er indstillet til “Enhver betingelse opfyldt”, da du mente “Alle betingelser opfyldt.”
- Det virker for dig, men ikke for besøgende. Du er logget ind som admin. Test i et privat vindue, hver gang.
- Skjult indhold dukker op i sidekilden. Output HTML er slået til. Sluk den.
- Tiden styrer ild på det forkerte tidspunkt. Tidszone for websted, ikke tidszone for besøgende. Indstillinger > Generelt.
- Ændringer vises ikke på live-webstedet. En sidecache serverer en gemt kopi. De fleste caching-plugins kan ikke variere en cachelagret side pr. bruger, så aggressiv helsides caching og login-baserede forhold virker mod hinanden. Udeluk disse sider fra cachen, eller ryd den og test igen.
Ofte stillede spørgsmål
Hvad er betinget visning i Elementor?
Betinget visning lader dig vise eller skjule ethvert Elementor element baseret på regler, som om den besøgende er logget ind, deres brugerrolle, deres browser eller ugedagen. Du bygger en side, der holder flere versioner af en sektion, og hver besøgende ser kun den version, der gælder for dem.
Kan jeg bruge betinget visning i Elementor gratis?
Ja. Udvidelsen Visningsbetingelser leveres med det gratis Master Addons-plugin. Aktiver det under Master Addons, derefter Indstillinger, derefter Udvidelser og et skærmbetingelser-panel vises i fanen Avanceret for hvert element.
Er skjult indhold virkelig skjult for besøgende?
Med Output HTML slukket (standarden), elementet er aldrig gengivet, så det er ikke i siden kilde overhovedet. Slå Output HTML til og markup indlæses men er skjult med CSS, som alle kan fortryde i dev værktøjer. Hold det slukket for noget følsomt.
Hvorfor virker min displaytilstand ikke?
Normalt en af tre ting: Displayet på dropdown er indstillet til “Enhver betingelse opfyldt” i stedet for “Alle betingelser opfyldt”, du tester, mens du er logget ind som admin, eller et caching-plugin serverer en gemt kopi af siden. Test i et privat vindue med cachen ryddet.
Bruger tidsbaserede forhold den besøgendes tidszone?
Nej. De kører på din WordPress site tidszone, indstillet under Indstillinger, så Generelt. Hvis dine besøgende sidder i en anden tidszone, et salg slutter ved midnat på din server slutter på en anden time for dem, så indstil webstedet tidszone bevidst.
Indpakning
Elementor betinget visning forvandler en side til så mange versioner, som du har brug for. Aktiver udvidelsen, åbn Avanceret > Visningsbetingelser på ethvert element, og skriv reglen: tjek noget, Er eller Er ikke, gjort. To indstillinger afgør, om den opfører sig, som du forventer. Visning på kontroller OG versus OR, og Uddata HTML styrer, om skjult indhold virkelig er fraværende eller bare er malet over.
Det er en del af gratis Master Addons udvidelsessæt, så der er ikke noget at købe, før du prøver det. Hvis du ender med at ønske resten af værktøjssættet senere, er det, hvad Pro planer er for.
Relateret læsning: Elementor indgangsanimationer, sådan oprettes en klæbrig overskrift i Elementor, og sådan tilføjes aldersbekræftelse i Elementor.
