Shortcode web_tabs
El shortcode web_tabs convierte los hijos de web_tabs_content en una lista de pestañas y paneles de contenido coincidentes. Cada hijo aporta tanto su etiqueta de pestaña como el cuerpo de su panel.
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 hijos permitidos: web_tabs_content.
Uso
[web_tabs]
Content
[/web_tabs]Atributos
| Atributo | Valor predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
sticky_tabs |
— | yes o vacío |
Mantiene visible la fila de navegación de pestañas con el comportamiento de fila fija de reemplazo del tema. |
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 w3c). |
el_class |
— | Cadena salvo que se indique lo contrario | Si deseas dar estilo a un elemento de contenido concreto de forma diferente, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo css. |
Contenido incluido
El padre primero muestra los elementos de navegación hijos y, a continuación, coloca los cuerpos de los hijos recopilados en una región de contenido de pestañas separada. Mantén los ID de los hijos únicos, ya que cada enlace de pestaña apunta a su panel correspondiente mediante el ID.
Verificación
Activa cada pestaña con entrada de puntero y de teclado y confirma que la etiqueta, el estado seleccionado y el contenido del panel permanezcan emparejados. Con la navegación fija activada, desplázate más allá del componente y verifica que la fila de reemplazo no cubra los encabezados ni los controles enfocados.
Izquierda/Derecha cambia la pestaña enfocada; Inicio/Fin selecciona la primera/última pestaña disponible. Intro o Espacio la activa. Un enlace de fragmento a #tabs-SECTION-ID abre el panel correspondiente. El tiempo de ejecución selecciona un panel disponible si la elección inicial creada falta o está oculta en el dispositivo actual.
Para contenido nuevo del editor de bloques, usa POM Tabs and Tab panel. Estos bloques comparten los estilos de pestañas y el script de interacción existentes; usarlos no requiere la interfaz heredada del Page Builder.