Respuesta rápida
Copia el shortcode de la tabla (por ejemplo [wptb id=123]) desde Embed en el constructor de WP Table Builder. En Divi Builder, añade un módulo Code (o un módulo Texto ) a una fila, pega el shortcode y guarda. También puedes usar el módulo WP Table Builder que se menciona en el diálogo Embed del plugin. Haz clic en Save en Divi y mira la página.
Divi es un tema y maquetador de WordPress de Elegant Themes. Las tablas de WP Table Builder se pueden añadir a cualquier diseño de Divi, incluido el Theme Builder.
Requisitos #
| Concepto | Detalles |
|---|---|
| Plan | WP Table Builder gratis o Pro |
| Tema o maquetador | Tema Divi o plugin Divi Builder |
| Una tabla guardada | Consulta Cómo crear tu primera tabla en WP Table Builder si todavía no tienes una |
| Tiempo necesario | Unos 2 minutos |
Paso 1: Copia el shortcode de la tabla #
- Ve a WP Table Builder > All Tables y haz clic en Edit debajo de tu tabla.
- Haz clic en Embed en la barra superior y haz clic en Copy junto al shortcode.
Paso 2: Añade un módulo en Divi #
- Abre la página y haz clic en Enable Visual Builder (o edítala en el constructor del backend).
- Haz clic en el + gris dentro de una fila para añadir un módulo.
- Elige el módulo WP Table Builder si aparece en la lista, o el módulo Code .
Paso 3: Pega el shortcode #
Pega el shortcode en el campo de contenido del módulo y haz clic en la marca verde para guardar el módulo.
Paso 4: Guarda y revisa la página #
Haz clic en Save en la barra inferior de Divi Builder y luego mira la página. Puede que el constructor de Divi no ejecute todos los scripts de la tabla, así que revisa en la página publicada la búsqueda, la ordenación y el comportamiento responsive.
Solución de problemas #
- La tabla se ve distinta que en el constructor: los estilos de Divi pueden afectar a las tablas. Activa Disable theme styles en WP Table Builder > Settings > General. Consulta Cómo desactivar los estilos del tema en una tabla.
- La tabla es demasiado ancha en los teléfonos: activa desplazamiento horizontal o modo responsive.
Preguntas frecuentes #
¿WP Table Builder funciona con Divi?
Sí. Pega el shortcode de la tabla en un módulo Code o Text, o usa el módulo de WP Table Builder, y guarda la página.
¿Puedo añadir una tabla a una plantilla de Divi Theme Builder?
Sí. Añade a la plantilla un módulo Code con el shortcode de la tabla, por ejemplo en una plantilla de entrada o en el pie de página.
¿Por qué los estilos de Divi cambian mi tabla?
Divi aplica sus propios estilos a las tablas. Activa Disable theme styles en los ajustes de WP Table Builder para mantener el diseño propio de la tabla.
