Angenommen, Ihr Geschäft schließt um 6 Uhr und Sie möchten, dass sich aus dem Button “Jetzt bestellen” nach Feierabend ein Hinweis “Wir haben geschlossen, wieder um 9 Uhr” entwickelt Oder die Preistabelle zeigt den abgemeldeten Besuchern einen Preis und den Mitgliedern einen anderen, Sie könnten zwei Seiten aufbauen und per Hand tauschen Das will niemand zweimal am Tag machen.
Elementor bedingte Anzeige behebt es: beide Versionen auf der gleichen Seite bauen, dann jedem eine Regel anhängen, die entscheidet, wer es wann sieht Die Erweiterung der Anzeigebedingungen In Master Addons fügt dies jedem Elementorelement hinzu, kostenlos, ohne Code.
Unten: jeder Bedingungstyp, wie sich die UND/ODER Logik tatsächlich verhält, die eine Einstellung, die Menschen leise beißt (Output HTML), und wo dieser Ansatz aus der Straße läuft.
Was bedingte Anzeige tatsächlich bewirkt
Jedes Elementorelement, ob Container, Widget oder Spalte, nimmt einen auf Anzeigebedingungen Panel in seinem Fortgeschritten Tab. Einschalten und schon kann man Regeln anhängen Besucherpässe, die sehen das Element Besucher schlägt fehl, ist weg.
Jede Regel liest sich wie ein Satz in drei Teilen: Was zu überprüfen ist, ein Operator (Ist oder ist nicht) und ein Wert. “Anmeldestatus ist Einloggt.” “Browser ist nicht Safari.” Das ist das ganze Modell Alles unten ist eine Variation dazu.
Schalten Sie die Verlängerung zuerst ein
Display Conditions wird mit Master Addons ausgeliefert, ist aber nicht sofort aktiv Gehe zu Master-Addons > Einstellungen > Erweiterungen, finden Sie es unter der Gruppe Dynamische Widgets, schalten Sie es ein, speichern Sie.
Überspringen Sie das und das Display Conditions-Panel erscheint nie im Erweiterten Tab, was mit Abstand die häufigste “es funktioniert nicht” - Meldung ist, die wir bekommen Wenn Sie das Plugin noch nicht haben, Master Addons kostenlos installieren WordPress.org.
Die Anzeige Ein-Einstellung: alle Bedingungen vs. jede Bedingung
Aktivieren Sie die Anzeigebedingungen für ein Element und Sie erhalten eine Anzeige auf Dropdown mit zwei Auswahlmöglichkeiten Die falsche Auswahl ist der häufigste Grund, warum eine Regel “nicht funktioniert”.
Alle Bedingungen erfüllt IST UND Logik, also muss jede Regel durch. Jede Bedingung erfüllt IST Logik, so reicht eine Übergaberegel.
Das heißt in der Praxis Angenommen, Sie stellen zwei Bedingungen: “Browser is Chrome” und “User Role is Administrator”
Auf Alle Bedingungen erfüllt„Nur ein Admin, der zufällig in Chrome surft, sieht das Element. Derselbe Admin in Firefox sieht nichts.
Auf Jede Bedingung erfüllt‘s sieht jeder Chrome-Besucher, und jeder Admin in jedem Browser auch Das ist ein viel größeres Publikum, als die meisten Leute im Kopf haben, wenn sie eine zweite Regel hinzufügen.
Wenn also ein Element den Leuten zeigt, dass es das nicht tun sollte, überprüfen Sie diesen Dropdown, bevor Sie etwas anderes berühren.
Der Ausgabe-HTML-Umschalter (lesen Sie dies, bevor Sie etwas Empfindliches ausblenden)
Direkt unter dem Hauptknebel sitzt HTML ausgeben, und sein eigenes Etikett legt dar, was es tut: “Wenn aktiviert, wird der HTML-Code auf der Seite existieren, aber das Widget wird mit CSS ausgeblendet.”
Das ist viel wichtiger, als die ruhige Platzierung vermuten lässt.
Lass es Ab, was die Voreinstellung ist, und das Element wird nie gerendert Es ist überhaupt nicht in der Seitenquelle Jemand, der die Bedingung nicht erfüllt, kann sie nicht anzeigen-quellen und lesen, und Google wird sie nicht indizieren.
Dreh es um Auf Und das Element wird in den HTML gerendert, dann mit CSS ausgeblendet Jeder kann Dev-Tools öffnen, eine Zeile löschen und das Ganze lesen.
Also haltet die Ausgabe von HTML für alles aus, was ihr eigentlich privat halten wollt: einen Nur-Mitglieder-Preis, einen versteckten Download-Link, eine interne Notiz, die Einstellung existiert überhaupt, weil einige Skripte das im DOM vorhandene Markup benötigen, um zu funktionieren, das mit Schiebereglern, Tabsystemen und Zählern kommt, die Elemente beim Seitenladen messen Das ist der Fall, um es einzuschalten, und sonst nicht viel.
Wo wir schon mal hier sind, die stumpfe Version: bedingte Anzeige ist ein Präsentationstool, kein Zugriffskontrollsystem Mit Ausgabe-HTML aus ist es für den täglichen Gebrauch vollkommen solide Aber Inhalte, die gesperrt werden müssen, wie ein kostenpflichtiger Kurs oder eine Gated-Datei, gehören hinter echten Schutz Die Inhalt-Widget einschränken Dafür existiert, und ein eigen WordPress-Mitgliedschaftseinrichtung Ist die richtige Antwort für alles, wofür Sie Geld verlangen.
Jede Bedingung, die Sie verwenden können
Öffnen Sie den Condition-Dropdown und Sie erhalten vier Gruppen.
| Gruppe | Bedingungen | Typische Verwendung |
|---|---|---|
| Besucher | Anmeldestatus, Benutzerrolle, Betriebssystem, Browser | Mitgliederpreise, Notizen nur für Admins, “Download für Mac” - Buttons |
| Datum & Uhrzeit | Datumsbereich, Tageszeit, Wochentag | Auslaufende Verkäufe, Öffnungszeiten, Wochenendangebote |
| Single | Seite, Beitrag, statische Seite, Beitragstyp, Beitrag hat Begriff | Kopfzeile CTA, die sich auf bestimmten Seiten ändert |
| Archiv | Taxonomiearchiv, Term Archive, Post Type Archive, Datumsarchiv, Autorenarchiv, Suchergebnisse | Kategoriespezifische Banner, eine Meldung auf leeren Suchergebnissen |
Jeder von ihnen paart sich mit Ist oder Ist nicht, was still und leise verdoppelt, was eine einzelne Regel bewirken kann.
Inhalte nur angemeldeten Benutzern anzeigen
Element auswählen, öffnen Erweitert > AnzeigebedingungenSchalten Sie es ein. Die Standardbedingung ist bereits vorhanden Anmeldestatus Einstellen auf Ist‘s heißt eingeloggte Besucher sehen es und niemand sonst tut es Man muss nichts ändern.
Erstellen Sie nun die gegenüberliegende Version für abgemeldete Besucher Wählen Sie das zweite Element aus, aktivieren Sie Anzeigebedingungen und drehen Sie den Bediener um Ist nicht.
Stapeln Sie diese beiden auf einer Seite und Sie haben eine Kopfzeile, die die Mitglieder namentlich begrüßt und allen anderen eine Anmeldung vorstellt, ohne dass eine doppelte Seite synchron bleibt.
Eine bestimmte Benutzerrolle anvisieren
Gleicher Fluss, anderer Zustand Wählen Sie Benutzerrolle Aus dem Dropdown und wählen Sie die Rolle aus, die Sie suchen: Administrator, Redakteur, Abonnent, Kunde, was auch immer Ihre Website hat WooCommerce und Mitgliedschafts-Plugins fügen dieser Liste ihre eigenen Rollen hinzu.
Kippen Sie es um Ist kein Administrator Und das Element sehen alle außer Admins Das ist praktisch für einen Hinweis “so bearbeiten Sie diesen Abschnitt”, den Ihr Client auf der Seite sieht, ohne dass Sie ihn jedes Mal anschauen müssen, wenn Sie die Seite öffnen.
Ein Haken: eine Userrolle gibt es nur für jemanden, der eingeloggt ist Ein abgemeldeter Besucher hat überhaupt keine Rolle, daher wird eine User Role Regel nie zu ihm passen, egal was man einstellt, wenn man abgemeldete Personen erwischen muss, ist das eine Login Status Regel.
Zeigen Sie den Inhalt nach Datum, Uhrzeit oder Wochentag an
Drei zeitbasierte Bedingungen, und sie sparen mehr Arbeit als alles andere in der Liste.
Datumsbereich Beginn und ein Enddatum nimmt Im Oktober das Black Friday Banner bauen, Sortiment einstellen, vergessen Es taucht auf und verschwindet von alleine.
Tageszeit Zeitfenster benötigt, das ist der Open-versus-Closed-Swap vom oberen Rand dieses Artikels.
Wochentag Dauert einen oder mehrere Tage, als Tags hinzugefügt.
Stellen Sie es auf Montag bis Freitag für ein “Chat mit Support jetzt” Widget und lassen Sie einen “lave us a message” Block das Wochenende abdecken Kombinieren Sie Tag der Woche mit Uhrzeit am Alle Bedingungen erfüllt Und echte Öffnungszeiten hast du in zwei Regeln beschrieben.
Vorsicht mit der Uhr, aber. Zeitbedingungen laufen auf Ihrem WordPress-Site Zeitzone (Einstellungen > Allgemein), nicht die des Besuchers, soll Ihr Verkauf für den Kunden um Mitternacht enden, und Ihr Server sitzt auf UTC, während Ihre Kunden in New York sind, endet er für ihn fünf Stunden früher Prüfen Sie diese Einstellung, bevor Sie etwas planen, das Geld kostet.
Inhalte nach Browser oder Betriebssystem anzeigen
Pick Browser oder Betriebssystem Und zielen auf Chrome, Firefox, Safari, Edge, Windows, macOS, Linux und so weiter ab.
Der eigentliche Nutzen für das OS-Targeting sind App-Downloads Zeigen Sie Mac-Besuchern die Mac-Taste und Windows-Button Windows-Besuchern, statt einer Reihe von vier Tasten, bei denen drei davon falsch sind, wer auch immer sucht.
Browser-Targeting ist enger als die Leute erwarten Es ist für den gelegentlichen Hinweis “diese Funktion verhält sich anders in Safari”, nicht für den Versand unterschiedlicher Designs pro Browser Wenn ein Abschnitt nur in Chrome funktioniert, reparieren Sie das CSS. Verstecken Sie es nicht vor Ihren Firefox-Besuchern und nennen Sie es erledigt.
Klar gesagt auch: das ist kein Device Targeting Die Responsive Controls von Elementor verbergen bereits Elemente pro Bildschirmgröße, und das ist das richtige Tool für Telefon versus Desktop Beim Betriebssystem geht es um die Plattform, nicht um die Größe des Bildschirms.
Wo dies wirklich nützlich wird
Ein paar Setups, die es wert sind, gestohlen zu werden.
Führen Sie zwei Header aus einer Vorlage aus: in Ihrem Themenbauer Kopfzeile, setzen Sie einen “Anmelden” - Button auf Anmeldestatus Ist nicht„und eine Schaltfläche „Mein Konto“auf „Anmeldestatus” IstEin Header, beide Zuschauer Derselbe Trick funktioniert in der Fußzeile.
Lassen Sie den Verkauf mit einer Werbeleiste in einer Datumsbereichsbedingung laufen, die Wochen im Voraus geplant ist, damit es kein Gerangel am Starttag um 6 Uhr morgens gibt. Hinterlassen Sie Client-Anweisungen auf der Seite mit einer Nur-Administrator-Notiz, die auf die Benutzerrolle gesetzt ist Ist Administrator, genau da sitzen, wo es gebraucht wird, anstatt in einer E-Mail begraben zu werden.
Sie können auch Bedingungen an die Elemente stellen Innen a PopupEin einzelnes Popup bedient also angemeldete und abgemeldete Besucher unterschiedlich und verwendet die Taxonomy Archive-Bedingungen, um in jedem Produktkategorienarchiv ein anderes Angebot auszuführen.
Für eine tiefere Personalisierung paaren Sie Bedingungen mit Dynamische Tags (ACF unterstützt), sodass die Version, die die Regeln überlebt, Live-Daten anstelle von statischem Text zieht.
Dinge, die Menschen auffangen
- Kein Anzeigebedingungen-Panel. Die Erweiterung ist nicht aktiviert Master Addons > Einstellungen > Erweiterungen.
- Das Element zeigt sich jedem. Anzeige auf ist auf “Jede Bedingung erfüllt” eingestellt, wenn Sie “Alle Bedingungen erfüllt” meinten
- Es funktioniert für Sie, aber nicht für Besucher. Du bist als Admin angemeldet Teste in einem privaten Fenster, jedes Mal.
- Versteckte Inhalte werden in der Seitenquelle angezeigt. Ausgabe HTML ist an Schalten Sie es aus.
- Die Zeitregeln feuern zur falschen Stunde. Site-Zeitzone, nicht Besucher-Zeitzone Einstellungen > Allgemein.
- Änderungen werden auf der Live-Seite nicht angezeigt. Ein Seitencache bedient eine gespeicherte Kopie. Die meisten Caching-Plugins können eine zwischengespeicherte Seite pro Benutzer nicht variieren, daher wirken aggressives ganzseitiges Caching und anmeldebasierte Bedingungen gegeneinander. Schließen Sie diese Seiten aus dem Cache aus oder löschen Sie sie und testen Sie sie erneut.
Häufig gestellte Fragen
Was ist die bedingte Anzeige in Elementor?
Mit der bedingten Anzeige können Sie jedes Elementorelement basierend auf Regeln anzeigen oder ausblenden, z. B. ob der Besucher angemeldet ist, seine Benutzerrolle, seinen Browser oder den Wochentag. Sie erstellen eine Seite mit mehreren Versionen eines Abschnitts und jeder Besucher sieht nur die Version, die für ihn gilt.
Kann ich die bedingte Anzeige in Elementor kostenlos verwenden?
Ja. Die Erweiterung Anzeigebedingungen kommt mit dem kostenlosen Plugin Master Addons Aktivieren Sie es unter Master Addons, dann Einstellungen, dann Erweiterungen, und in der Registerkarte Erweitert jedes Elements wird ein Display Conditions-Panel angezeigt.
Ist versteckter Inhalt wirklich vor Besuchern verborgen?
Bei Output HTML off (der Voreinstellung) wird das Element nie gerendert, also ist es gar nicht in der Seitenquelle Output HTML an und das Markup lädt sich aber mit CSS ausgeblendet, was jeder in dev-Tools rückgängig machen kann, für alles Empfindliche aushalten.
Warum funktioniert mein Anzeigezustand nicht?
Meist eines von drei Dingen: das Display on dropdown ist auf “Jede Bedingung erfüllt” statt auf “Alle Bedingungen erfüllt” gesetzt, man testet während man als Admin angemeldet ist, oder ein Caching-Plugin bedient eine gespeicherte Kopie der Seite Test in einem privaten Fenster mit gelöschtem Cache.
Nutzen zeitbasierte Bedingungen die Zeitzone des Besuchers?
Nein. Sie laufen auf Ihrer WordPress-Site-Zeitzone, unter Einstellungen gesetzt, dann Allgemein Wenn Ihre Besucher in einer anderen Zeitzone sitzen, endet ein Verkauf, der um Mitternacht auf Ihrem Server endet, für sie zu einer anderen Stunde, also legen Sie die Site-Zeitzone bewusst fest.
Einwickelnd
Elementor bedingte Anzeige macht eine Seite in so viele Versionen, wie Sie brauchen Aktivieren Sie die Erweiterung, öffnen Sie Erweitert > Anzeigebedingungen auf jedem Element, und schreiben Sie die Regel: Überprüfen Sie etwas, Ist oder Ist nicht, fertig Zwei Einstellungen entscheiden, ob es sich so verhält, wie Sie es erwarten. Anzeige auf Kontrollen UND versus OR, und HTML ausgeben Steuert, ob versteckte Inhalte wirklich fehlen oder nur übermalt sind.
Es ist Teil der Kostenloser Erweiterungssatz für Master Addons‘s gibt also nichts zu kaufen, bevor man es probiert, wenn man später den Rest des Toolkits haben will, ist das das, was die Pro Pläne Sind für.
Verwandte Lektüre: Elementor-Eingangsanimationen, So erstellen Sie einen Sticky Header in Elementor, und So fügen Sie die Altersüberprüfung in Elementor hinzu.
