Saltar al contenido
themeforge
ES
Empieza gratis
Menú
  1. Inicio
  2. Referencia de atributos
  3. wp-if
Básico Mostrar según una condición

Oculta un bloque cuando un campo está vacío

wp-if="promo-text"

Un banner de promoción que desaparece cuando el cliente borra su texto, un marco de foto sin un recuadro gris vacío: el bloque solo se muestra cuando se cumple la condición.

Dónde va

En el bloque que quieres ocultar. El valor es el campo que compruebas: su etiqueta tal cual (Promo text) o la misma en minúsculas y con guiones (promo-text); las dos son el mismo campo.

Condiciones ya preparadas: has_thumbnail (la entrada tiene imagen destacada), login y logout (el visitante ha iniciado sesión o no).

Ejemplo: un banner de promoción

Marcado menu.html
<div class="promo" wp-if="promo-text">
  <p fld-text="Promo text">Pumpkin latte is back</p>
</div>
En el panel Pages → Menu
Promo text
En el sitio el campo está vacío
Menu
Latte $4.20
Cappuccino $3.90

El campo de la promoción está vacío, así que el banner no se muestra en absoluto.

Lo importante

  • El nombre del campo sirve para los campos de la página. Para un ajuste del sitio escribe la comprobación completa: wp-if="get_field('phone','options')".
  • También funciona con imágenes: <img wp-if="has_thumbnail" wp="post-image">.

Errores frecuentes

El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.

Así no
<div class="promo" wp-if="get_field('promo_text'">…</div>

Una comprobación a medio escribir (un paréntesis sin cerrar): la generación anota el error en el registro y oculta el bloque hasta que se corrija la condición.

Así sí
<div class="promo" wp-if="get_field('promo_text')">…</div>

La comprobación completa o el nombre del campo.

Escritura alternativa

wp_if funciona igual: la generación da un tema idéntico.

Cuando quieras

Mira el panel de WordPress de tu sitio antes de pagar.