Die Macht der Elementor Display Conditions – Tag-basierte Vorlage

Geschrieben von Anne-Mieke Bovelett am 15. Mai 2022
Status: Aktuell

Eine plugin- und codefreie Lösung zum Ein- und Ausblenden von Inhalten in Ihrer Blogvorlage

In der Global Elementor Community auf Facebook hat heute jemand gefragt: “Gibt es eine Möglichkeit, leere Inhaltsverzeichnisse mit CSS auszublenden? Einige meiner Beiträge haben Überschriften, aber die anderen nicht.”

Die Schritte zu einer der einfachsten Möglichkeiten, dies zu erreichen

1. Erstellen Sie im WordPress-Dashboard unter Beiträge ein Tag mit der Bezeichnung “keine Überschriften”.
2. Erstellen Sie ein Duplikat der Blog-Vorlage, in der Sie das Inhaltsverzeichnis-Widget haben, aber lassen Sie das TOC-Widget weg. Ich würde mich dafür entscheiden, die ursprüngliche Vorlage in die neue Vorlage zu importieren und dann einfach das TOC-Widget aus der neuen Vorlage zu entfernen.
3. Wenn Sie die Blog-Vorlage speichern, setzen Sie die Anzeigebedingungen auf:
   Einschließen: Singular, wählen Sie dann unter Post: “In Tag” und geben Sie dann in das Feld, das daneben erscheint, den Namen des von Ihnen erstellten Tags ein, siehe Screenshot unterhalb dieser Schrittliste.
4. Klicken Sie auf Speichern & Schließen.
5. Öffnen Sie die Beiträge, die keine Überschriften haben und die das TOC-Widget nicht benötigen, und geben Sie in der Seitenleiste rechts unter Tags die ersten Buchstaben Ihres Tag-Namens ein. Die Autovervollständigung zeigt den vollständigen Tag-Namen an. Wählen Sie ihn aus.
6. Speichern Sie Ihren Beitrag.
7. Werfen Sie einen Blick auf das Frontend. Sie werden sehen, dass der Beitrag jetzt die Vorlage ohne das TOC-Widget anzeigt.

Beispiel für die Einstellungen

Als meine Website noch mit Elementor aufgebaut war, habe ich genau diese Methode für die Fußzeile verwendet. Jedes Mal, wenn ich einen Beitrag habe, der einen Affiliate-Link enthält, gebe ich ihm das Tag, das ich für diesen Zweck erstellt habe. Tadaaa, die Fußzeile mit dem Affiliate-Text erscheint unter diesem Blogbeitrag.

Aber dieses Prinzip funktioniert nicht nur in Elementor. Es funktioniert auch sehr gut in der GREYD Suite, wenn Sie “Conditional Content” verwenden. Ich werde in Zukunft ein Tutorial dazu machen.