web_parallax_layer_html Shortcode
El shortcode web_parallax_layer_html coloca un fragmento de HTML personalizado revisado en un web_parallax_scene. El Page Builder almacena ese fragmento como un atributo codificado y el renderizador lo decodifica dentro de la capa en movimiento.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis en bruto únicamente para contenido revisado que no pueda mantenerse mediante los controles visuales.
Shortcodes principales permitidos: web_parallax_scene.
Uso
[web_parallax_layer_html]
Content
[/web_parallax_layer_html]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
html_content |
— | HTML codificado por el Page Builder | Proporciona el marcado decodificado que muestra la capa. Usa el control de código del builder en lugar de editar manualmente el valor codificado. |
x_depth |
0 |
-1 a 1; pasos de 0,01 | El movimiento aplicado a esta capa en el eje X se multiplicará por el valor especificado aquí. |
y_depth |
0 |
-1 a 1; pasos de 0,01 | El movimiento aplicado a esta capa en el eje Y se multiplicará por el valor especificado aquí. |
el_id |
— | ID HTML único y válido | Introduce el ID de escena (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 distinto a un elemento de contenido en particular, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo CSS. |
Contenido incluido
El renderizador usa html_content; el texto colocado entre las etiquetas de apertura y cierre no es el origen de la capa. Restringe el marcado personalizado a editores de confianza, mantén los controles interactivos operables con el teclado y evita duplicar IDs utilizados en otras partes de la página.
Verificación
Inspecciona la salida decodificada en la página pública, no solo en la vista previa del builder. Confirma que los enlaces y controles siguen funcionando mientras la capa se mueve, que los valores de profundidad producen la dirección prevista y que el HTML sigue siendo utilizable cuando el movimiento no está disponible.
El valor almacenado es HTML codificado en URL y en Base64. El marcado decodificado pasa la lista de permitidos de HTML de las entradas de WordPress; los scripts ejecutables y los controladores de eventos no son compatibles. Un Base64 no válido produce una capa vacía. Gutenberg usa el bloque nativo de HTML personalizado dentro de una Parallax Layer en lugar de este atributo codificado.