AURA Wordpress

Erscheinungsbild

Tipps ​

Vorschau von Wordpress AURA-Template Seiten mit Beispielinhalten ​

Die Wordpress Seiten, die als Template für die AURA-Daten verwendet werden, können im Admin-Bereich etwas spartanisch aussehen, da die Shortcodes wenig visuelles Feedback geben.

Dazu kommt, dass die Vorschau der Seite anstelle von schönen Inhalten jeweils nur einen kurzen Hinweis in der Form

Die Kurzbeschreibung fehlt, da diese Seite ohne Episoden-Kontext aufgerufen wurde.

enthalten.

Dieses Problem kann umgangen werden, indem man spezifisch für die Vorschau eine AURA Id definiert, die als Basis für die Vorschau dient.

Diese Ids werden als Custom Fields gesetzt. Dieses lauten wie folgt:

  • Für die Sendereihendetailseite muss das Feld preview_aura_show_id mit der Id der Show, die für die Vorschau genutzt werden soll, gesetzt werden.
  • Für die Sendungsdetailseite muss das Feld preview_aura_timeslot_id mit der Id des Timeslots, der für die Vorschau genutzt werden soll, gesetzt werden.
  • Für die Profildetailseite muss das Feld preview_aura_profile_id mit der Id des Profils, das für die Vorschau genutzt werden soll, gesetzt werden.

Blöcke verstecken, wenn Shortcodes keinen Inhalt ausgeben ​

Beim Design von Seiten oder Blöcken möchte man häufig bestimmte Überschriften, Abstände, oder dekorative Elemente nur dann ausgeben, wenn ein bestimmter Inhalt nicht leer ist.

Ein typisches Beispiel dafür ist z.B. die Liste von vergangenen Sendungen einer Sendereihe. Ein entsprechender geschachtelter Block in Wordpress könnte z.B. folgendermaßen aussehen:

Stapel
├── Abstandshalter: 48px
├── Überschrift: Vergangene Sendungen
├── Abstandshalter: 16px
└── HTML-Block
    └── `[aura_show_timeslots past]`

Gibt es keine vergangenen Sendungen zur Sendereihe, soll üblicherweise der gesamte Stapel ausgeblendet werden. Das lässt sich umsetzen, indem man dem Block die aura-hide-if-empty CSS-Klasse in den Block-Einstellungen unter Erweitert gibt. Das war’s!

Das dahinterliegende technische Prinzip ist einfach:

  • Die meisten Shortcodes geben keinerlei HTML aus, wenn der eigentliche Inhalt leer ist.
  • Fast alle per Shortcode ausgegebenen Inhalte haben eine aura-component CSS-Klasse.

Auf Basis dieser Information und mit Hilfe des :has() Selektors lassen sich so Logiken zur Steuerung des Inhalts umsetzen.