Shortcode web_accordion
El shortcode web_accordion agrupa paneles web_accordion_content expandibles en una única interfaz de desplegado. Puede permitir varios paneles abiertos o cerrar el panel anterior cada vez que se abre otro.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con el resultado público. Utiliza la sintaxis básica únicamente para contenido revisado que no pueda mantenerse mediante los controles visuales.
Shortcodes secundarios permitidos: web_accordion_content.
Uso
[web_accordion]
Content
[/web_accordion]Atributos
| Atributo | Valor predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
accordion_style |
accordion_dark |
accordion_light, accordion_dark |
Aplica el tratamiento claro u oscuro a los títulos. |
one_at_a_time |
— | yes o vacío |
Utiliza el modo de panel único cuando está activado; de lo contrario, los visitantes pueden dejar varios paneles abiertos. |
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, utiliza este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo css. |
Contenido encerrado
Solo web_accordion_content pertenece directamente al interior del contenedor. Cada hijo posee su propio título, su estado de apertura predeterminada y el cuerpo del panel etiquetado; este padre proporciona la política de varios paneles. Los títulos del acordeón son controles de desplegado, no pestañas.
En el modo de panel único, el primer panel inicialmente abierto tiene prioridad. Los acordeones anidados tienen reglas de apertura independientes. Enter y Espacio alternan un título enfocado; Arriba/Abajo e Inicio/Fin se mueven entre los títulos del mismo acordeón.
Tanto este shortcode como el Acordeón de Gutenberg de POM utilizan la hoja de estilos condicional del Acordeón existente y los scripts de Collapse. Desactivar la interfaz de administración del Page Builder no desactiva el renderizado público del shortcode.
Verificación
Abre y cierra cada título con el puntero y con la entrada del teclado. En el modo de panel único, comprueba que abrir uno cierra el panel anterior; en el modo de varios paneles, comprueba que los paneles independientes permanecen abiertos y que todo el contenido oculto resulta accesible.