Shortcode web_accordion_content
El shortcode web_accordion_content muestra el componente de contenido de acordeón.
Los atributos que aparecen a continuación coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis en bruto solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Shortcodes principales permitidos: web_accordion.
Uso
[web_accordion_content]
Content
[/web_accordion_content]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
title |
— | Cadena, salvo que se indique lo contrario | Introduce el título de la sección (Nota: puedes dejarlo vacío). |
subtitle |
— | Cadena, salvo que se indique lo contrario | Introduce el subtítulo de la sección (Nota: puedes dejarlo vacío). |
open_by_default |
— | yes |
Si está marcado, el acordeón estará abierto de forma predeterminada. |
heading_color |
15 |
Número de paleta 1–15, o vacío para heredar |
Aplica al encabezado la clase auxiliar de color de texto correspondiente. |
icons_color |
15 |
Número de paleta 1–15, o vacío para heredar |
Aplica a los iconos la clase auxiliar de color de texto correspondiente. |
tab_id |
Se genera si se omite | Sufijo único de ID HTML | El ID del cuerpo desplegable es accordion- seguido de este valor. |
title_tag |
none |
none, h1, h2, h3, h4, h5, h6, span |
Controla la etiqueta del título. |
el_class |
— | Cadena, salvo que se indique lo contrario | Si deseas aplicar un estilo diferente a un elemento de contenido concreto, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo CSS. |
el_id |
— | Cadena, salvo que se indique lo contrario | Establece un ID HTML único en el elemento renderizado. |
Contenido encerrado
El contenido entre las etiquetas de apertura y cierre se procesa como contenido de shortcode de WordPress. Mantén la estructura principal/secundaria que muestra el constructor visual para que los componentes anidados reciban el contexto que esperan.
La visibilidad según dispositivo pertenece al web_accordion principal; el elemento no dispone de un atributo independiente de visibilidad según dispositivo. el_id identifica el contenedor exterior del elemento, con independencia del tab_id del cuerpo desplegable.
Para un enlace directo estable, configura tab_id="delivery" y enlaza a #accordion-delivery. La página abre ese panel y sus paneles de acordeón contenedores. No dependas de un ID generado automáticamente para un enlace permanente. Los iconos usan la configuración de marca del tema actual cuando se renderiza el shortcode.
Renderizar HTML preparado desde PHP
Las integraciones que ya producen HTML seguro pueden llamar a pom_render_accordion_panel($attributes, $html). Acepta los atributos del elemento anteriores y renderiza el mismo panel del tema, los iconos y los controles accesibles. El cuerpo suministrado se emite sin cambios, por lo que quien lo llama debe sanitizarlo primero; la clase auxiliar no aplica formato de párrafo ni ejecuta shortcodes.
Coloca los paneles devueltos dentro de un contenedor web-accordion y solicita sus recursos del tema existentes con pom_maybe_enqueue_block_assets('accordion'). Usa un tab_id único para cada panel. El shortcode web_accordion_content ordinario sigue preparando el contenido de shortcode de WordPress encerrado como antes.
Verificación
Mantén web_accordion_content dentro de web_accordion; verifica el orden de los elementos secundarios y la interacción del principal en la página pública. Presta especial atención a title y subtitle.