Anidar y combinar shortcodes de forma segura
Los elementos contenedores esperan shortcodes hijos concretos. Conserva esta jerarquía al revisar o mover contenido sin procesar del builder.
Estructura básica de la página
[vc_row]
[vc_column]
[web_title title="Section title"]
[vc_column_text]Section copy[/vc_column_text]
[/vc_column]
[/vc_row]Una Row contiene elementos Column. Una Inner Row pertenece al interior de una columna y contiene elementos Inner Column. El contenido visible pertenece al interior de una columna, no directamente al interior de una fila.
Familias de componentes
| Padre | Hijo esperado |
|---|---|
web_accordion |
web_accordion_content |
web_carousel |
web_carousel_content |
web_gmap |
web_gmap_marker, web_gmap_route o web_gmap_dynamic_route |
web_modal |
web_modal_content |
web_offcanvas |
web_offcanvas_content |
web_parallax_scene |
Shortcodes de capa parallax |
web_pricing_list |
web_pricing_list_item |
web_slider |
web_slide |
web_tabs |
web_tabs_content |
web_interactive_infography |
web_infography_spot |
audio_playlist |
audio_item |
Los elementos de compatibilidad del Finder tienen su propia jerarquía de finder, fila, columna, contenido y campo. Conserva el anidamiento generado por el builder al mantener un Finder existente; usa Faceted Search para nuevas experiencias de filtrado.
Editar contenido anidado
- Duplica el contenido actual antes de una edición grande en modo sin procesar.
- Identifica cada shortcode de apertura y de cierre.
- Mantén las etiquetas hijas dentro de su padre documentado.
- Mantén las filas y columnas equilibradas.
- Actualiza la página.
- Vuelve a abrir el componente en Page Builder.
- Verifica tanto el lienzo del builder como la página pública.
Evitar combinaciones frágiles
- No coloques el mismo ID de modal, off-canvas o slider más de una vez.
- Evita colocar un contenedor interactivo dentro de otro a menos que la interacción del visitante siga siendo clara.
- No uses huecos vacíos repetidos ni bloques de texto para crear el diseño.
- No envuelvas un componente de resultados completo en otro componente que también gestione la paginación o el filtrado.
- Mantén los elementos auxiliares de solo script o solo datos junto al componente visible que los consume.
Solución de problemas
Si un texto de shortcode sin procesar aparece públicamente, comprueba primero la ortografía exacta de la etiqueta y de la etiqueta de cierre. Si un hijo desaparece, confirma que sigue dentro del padre esperado y que su padre no está oculto por la visibilidad por dispositivo.