Configura el comportamiento del shortcode por dispositivo
Usa Device visibility para eliminar presentación opcional en los rangos de área de visualización seleccionados. Usa los controles de diseño responsive cuando el mismo contenido deba adaptarse en lugar de desaparecer.
Rangos de visibilidad
| Rango | Ancho |
|---|---|
| Large | Por encima de 992 px |
| Medium | Al menos 768 px y por debajo de 992 px |
| Small | Al menos 544 px y por debajo de 768 px |
| Extra small | Por debajo de 544 px |
Los rangos seleccionados permanecen visibles. Quitar la selección de un rango oculta el elemento allí.
Configurar la visibilidad
- Edita la fila, la columna o el componente.
- Abre Visibility.
- Busca Device visibility.
- Conserva cada rango donde se necesite el elemento.
- Guarda y actualiza la entrada.
- Prueba un área de visualización dentro de cada rango modificado.
POM aplica la visibilidad a la salida del shortcode compatible incluso cuando el propio elemento no crea un contenedor externo dedicado. Un elemento hijo no puede anular a un padre oculto.
Adapta antes de ocultar
Prefiere:
- anchos de columna responsive;
- alineación móvil específica del elemento;
- tamaños de imagen responsive;
- espacios y relleno reducidos;
- ajustes de carrusel o galería pensados para pantallas más estrechas.
Usa la visibilidad para alternativas decorativas o genuinamente duplicadas. No ocultes el único encabezado, la navegación, la información legal, las instrucciones de un formulario ni la ruta hacia una acción.
Atributo raw
Al revisar el contenido almacenado, device_visibility contiene las clases de visibilidad seleccionadas por el maquetador. Deja que el maquetador cree este valor; inventar manualmente combinaciones de clases es propenso a errores.
Verificación
Prueba en 993 px, 992 px, 768 px, 767 px, 544 px y 543 px cuando un diseño cambie en varios límites. Comprueba también el orden de teclado y la duplicación del lector de pantalla cuando existan versiones separadas de escritorio y móvil.