Shortcode web_360_image
El shortcode web_360_image muestra un panorama equirrectangular interactivo mediante el reproductor Pannellum del tema. Su altura se mantiene en 300px. El bloque Imagen 360 equivalente ofrece además una altura configurable mediante el CSS generado de la página.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis sin procesar únicamente para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_360_image get_image="123" yaw="0" pitch="0" accessible_name="A panoramic view of the room"]Atributos
| Atributo | Valor predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
get_image |
— | Referencia de biblioteca u origen HTTP(S) válido | Panorama equirrectangular completo, normalmente 2:1. Los orígenes de biblioteca usan los metadatos actuales. |
yaw |
0 |
De −180 a 180 grados | Vista horizontal inicial. Los valores fuera de rango se limitan. |
pitch |
0 |
De −90 a 90 grados | Vista vertical inicial, también limitada por el campo de visión del reproductor. |
accessible_name |
Alt actual y, después, el título | Texto sin formato | Descripción accesible del panorama. |
device_visibility |
— | Cadena, salvo que se indique lo contrario | Aplica la regla de visibilidad adaptable seleccionada. |
el_id |
— | ID HTML único válido | Introduce el ID del elemento (Nota: asegúrate de que sea único y válido según la especificación del w3c). |
el_class |
— | Cadena, salvo que se indique lo contrario | Si deseas aplicar un estilo diferente a un elemento de contenido en particular, usa este campo para añadir un nombre de clase y, después, haz referencia a él en tu archivo CSS. |
Personalizar la hoja de estilos del visor
Los administradores pueden reemplazar la hoja de estilos completa del visor Pannellum en Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → 360 image. Al guardar se publica una copia optimizada por sitio, pero no se añade la hoja de estilos a las páginas que no contienen el shortcode. Al revertir se devuelve el identificador web-360-image existente al 360-image.min.css actual suministrado por el tema.
Este ajuste solo cambia la presentación. No reemplaza el script del visor, no selecciona una imagen ni modifica los valores de guiñada y cabeceo configurados.
Verificación
Comprueba los ángulos iniciales, el arrastre, el zoom con teclado, la pantalla completa y la visibilidad adaptable. El zoom con rueda del ratón está desactivado; la visualización de la brújula está activada. Los contenedores cerrados se inicializan al hacerse visibles. Si WebGL o el origen no está disponible, se mantiene una alternativa de imagen de origen. Mantén la información esencial disponible también como texto normal. La representación del shortcode y los recursos condicionales siguen disponibles cuando la administración del Page Builder está desactivada.