En la octava clase del curso de Block Visibility aprendes a mostrar u ocultar bloques en función del navegador, la plataforma (Windows, iOS, etc.) o el tipo de dispositivo (móvil, sobremesa, bot).
Es un control muy útil para ajustar la experiencia según compatibilidad, diseño o necesidades específicas del proyecto.
Lo que aprendes en esta clase
- Cómo detectar navegadores compatibles (Chrome, Firefox, Safari, Edge, Opera, Samsung Internet…).
- Cómo aplicar condiciones por plataforma: Windows, macOS, iOS, Linux.
- Cómo distinguir entre móvil, bot y escritorio.
- Cuándo usar “cualquiera de los seleccionados” o “ninguno de los seleccionados”.
- Cómo ocultar contenido solo en navegadores problemáticos (por ejemplo, Safari o Explorer).
- Cómo combinar reglas dentro de un mismo bloque y cómo usar varios conjuntos de reglas para crear condiciones “y” / “o”.
- Limitaciones importantes: no es un sistema 100% preciso porque los navegadores pueden simularse o enmascararse.
La clave de esta clase
Este control te permite adaptar la experiencia del usuario según su navegador o dispositivo: mostrar avisos específicos, ocultar bloques incompatibles, personalizar CTAs para móvil, o evitar comportamientos erráticos en navegadores concretos.
Vídeo: Cómo usar el control de navegador y dispositivo
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Índice de clases del curso
- 1 | Instalación, posibilidades y demostración de Block Visibility
- 2 | Configuración de ajustes en Block Visibility
- 3 | Cómo usar el control de cadena de consulta
- 4 | Cómo usar el control de cookies
- 5 | Cómo usar el control de fecha y hora
- 6 | Cómo usar el control de fuente de referencia
- 7 | Cómo usar el control de metadatos y ACF
- 8 | Cómo usar el control de navegador y dispositivo
- 9 | Cómo usar el control de ocultar bloque
- 10 | Cómo usar el control de visibilidad por perfil de usuario
- 11 | Cómo usar los preajustes de visibilidad
- 12 | Cómo usar el control de ruta de URL
- 13 | Cómo usar el control de tamaño de pantalla
- 14 | Cómo usar el control de ubicación
- 15 | Cómo usar el control de WooCommerce
- 16 | Cómo usar el control de Easy Digital Downloads