Escúchalo en:
























En el episodio 505 de WordPress Semanal te cuento cómo sacar partido al plugin Block Visibility, uno de los complementos más flexibles que existen para el editor. Casos de uso muy prácticos para mostrar u ocultar bloques exactamente donde y cuando quieras.





Tabla de contenidos



Qué es Block Visibility y por qué puede cambiar tu forma de trabajar1. Los controles básicos: útiles para cualquier web2. Casos de uso prácticos y muy comunes3. Casos de uso avanzados (lo que antes requería código)4. Lo que puedes hacer ahora sin necesidad de builders ni código5. Errores comunes al usar Block Visibility (y cómo evitarlos)Plugin de la semana: Disable XML-RPCContenidos recomendados





Qué es Block Visibility y por qué puede cambiar tu forma de trabajar



Block Visibility te permite controlar cuándo, cómo y a quién se muestra cada bloque de Gutenberg.Y lo hace sin trucos, sin shortcodes, sin custom code y sin builders pesados.



Es como darle un “modo condicional” a cualquier bloque.



Es útil porque:




Evita duplicar páginas



Te permite personalizar contenido sin romper diseño



Da control real sin programación



Es ligero y trabaja con el editor nativo




1. Los controles básicos: útiles para cualquier web



Son opciones que puedes usar desde el primer minuto:



Por dispositivo




Mostrar un bloque solo en móvil o solo en escritorio.




Por fecha y hora




Publicar/ocultar bloques durante campañas, eventos o lanzamientos.




Por tamaño de pantalla




Ajustar diseños sin CSS: un bloque para pantallas grandes, otro para móviles.




Por estado del usuario




Mostrar algo solo si el usuario está logueado o no.




Casos típicos: un botón distinto para no registrados, un aviso solo visible en móvil, una promoción temporal sin tocar el contenido principal.



2. Casos de uso prácticos y muy comunes



Aquí es donde el plugin brilla para el 90% de usuarios:




Mostrar un CTA distinto para usuarios no registrados



Cambiar la cabecera o el menú según el dispositivo



Ocultar una sección durante ciertas horas o días



Mostrar mensajes personalizados en época de promociones



Cambiar bloques en función del ancho de pantalla sin tocar CSS



Mostrar contenido extra solo a miembros o clientes




Esto evita duplicar la página y te permite crear variaciones limpias y rápidas.



3. Casos de uso avanzados (lo que antes requería código)



Aquí empiezan las cosas interesantes.



Por rol del usuario




Bloques solo para editores, autores, clientes, suscriptores…




Por URL o ruta




Mostrar un bloque solo si el usuario está en /blog/ o /tienda/camisetas/




Por fuente de referencia




Mostrar un mensaje solo si viene de Instagram, Google Ads o una newsletter.




Por parámetros (query strings)




Mostrar un bloque si la URL tiene ?bono=true



Perfecto para campañas, promociones y tests simples.




Integración con WooCommerce




Mostrar contenido según la categoría del producto



Bloques visibles solo si hay productos en el carrito



Mensajes distintos según el estado de la compra




Integración con Easy Digital Downloads




Mostrar contenido solo a compradores de un producto concreto



Avisos post-compra sin tocar plantillas




Integración con ACF




Mostrar bloques según el valor de un campo personalizado



Lógica avanzada sin escribir hooks




Esto te permite construir páginas “inteligentes” sin crear plantillas nuevas ni tocar código.



4. Lo que puedes hacer ahora sin necesidad de builders ni código



Block Visibility te permite:




Crear variantes de landing page dentro de la misma URL



Mostrar versiones distintas de bloques sin duplicar la página



Usar lógica condicional sin PHP



Gestionar redirecciones visuales con bloques alternativos



Crear personalizaciones para roles, dispositivos o campañas




Para muchos proyectos, es suficiente para evitar un builder entero.



5. Errores comunes al usar Block Visibility (y cómo evitarlos)




Abusar de las condiciones y crear webs difíciles de mantener



No documentar qué hace cada bloque y por qué



Crear demasiadas versiones del mismo bloque sin necesidad



Usarlo para tapar problemas de estructura en lugar de resolverlos




La clave es usarlo con intención: pocos bloques, pocas reglas y lógica clara.



Plugin de la semana: Disable XML-RPC



Disable XML-RPC desactiva completamente la funcionalidad XML-RPC de WordPress, una puerta de entrada muy utilizada en ataques automatizados y fuerza bruta. Al activarlo cierras ese acceso mejorando la seguridad y reduciendo la carga en el servidor sin configuraciones complejas.



Contenidos recomendados




Vídeo de la Zona Código: saludo flotante a clientes de WooCommerce con enlace a su cuenta



Curso de Block Visibility



Newsletter de WordPress Semanal

La entrada 505 | Visibilidad condicional en WordPress (casos de uso muy útiles) es una artículo de Gonzalo Navarro.

Ver todos los episodios