Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. wp-if
Kernattribut Unter einer Bedingung zeigen

Einen Block ausblenden, wenn ein Feld leer ist

wp-if="promo-text"

Ein Aktionsbanner, das verschwindet, wenn dein Kunde seinen Text löscht, ein Fotorahmen ohne leeres graues Feld: Der Block wird nur ausgegeben, wenn die Bedingung erfüllt ist.

Wo es hingehört

An den Block, der verschwinden soll. Der Wert ist das Feld, das du prüfst: seine Bezeichnung, wie sie ist (Promo text), oder dieselbe in Kleinbuchstaben mit Bindestrichen (promo-text) — beides ist ein Feld.

Fertige Bedingungen: has_thumbnail (der Beitrag hat ein Beitragsbild), login und logout (der Besucher ist angemeldet bzw. nicht angemeldet).

Beispiel: ein Aktionsbanner

Markup menu.html
<div class="promo" wp-if="promo-text">
  <p fld-text="Promo text">Pumpkin latte is back</p>
</div>
Im Adminbereich Pages → Menu
Promo text
Auf der Website das Feld ist leer
Menu
Latte $4.20
Cappuccino $3.90

Das Aktionsfeld ist leer, deshalb wird das Banner gar nicht ausgegeben.

Worauf es ankommt

  • Ein Feldname funktioniert für Felder der Seite. Für eine Website-Einstellung schreib die Prüfung vollständig aus: wp-if="get_field('phone','options')".
  • Funktioniert auch an Bildern: <img wp-if="has_thumbnail" wp="post-image">.

Typische Fehler

Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.

So nicht
<div class="promo" wp-if="get_field('promo_text'">…</div>

Eine unvollständige Prüfung (Klammer nicht geschlossen): Der Build schreibt den Fehler ins Protokoll und blendet den Block aus, bis die Bedingung korrigiert ist.

So geht’s
<div class="promo" wp-if="get_field('promo_text')">…</div>

Die vollständige Prüfung oder der Feldname.

Alternative Schreibweise

wp_if funktioniert genauso: Der Build ergibt ein identisches Theme.

Wenn du so weit bist

Sieh dir den WordPress-Adminbereich deiner Website an, bevor du zahlst.