Tutorial de Kadence: Explicación de los bloques de tabla avanzados

En la presentación de contenidos, un diseño de tablas bien estructurado y jerarquizado visualmente puedePresentación eficaz de la información clave, se utiliza a menudo en situaciones como la comparación de precios de productos, la programación de cursos y la explicación de parámetros funcionales.Bloques Kadence en el Tabla avanzada Bloques para WordPress Se ofrece a los usuarios la posibilidad de crear formularios con mayor libertad.

en comparación con los nativos Gutenberg el módulo de formularios.Tabla avanzada Soporta anidamiento multicapa, control de diseño responsivo, ajustes de estilo personalizados, se ajusta más a los requisitos reales de la aplicación.

Añadir bloque Tabla avanzada

existe Gutenberg En el editor, haz clic en el signo "+" para añadir un bloque, búscalo e insértalo. Tabla avanzada.

Cuando se inserte por primera vez, se le pedirá que establezca el número inicial de filas y columnas. Se recomienda que establezca el tamaño básico de acuerdo con la estructura de contenido prevista y, a continuación, podrá añadir o eliminar filas y columnas en cualquier momento.

Cada celda de una tabla (Datos de tabla) contiene bloques de párrafo por defecto y admite la inserción de cualquier otro Bloques Kadence módulos como imágenes, iconos, botones, listas, etc.

Inserción de contenidos con bloques anidados

Al hacer clic en cualquier celda, puede introducir texto directamente.

También puede pulsar / o haga clic en el signo más para insertar rápidamente otros Gutenberg para conseguir un efecto anidado.

Este enfoque es adecuado para mostrar estructuras de contenido más complejas, como gráficos mixtos, datos tipo lista, listas de precios con botones, etc.

Gestión de filas de tablas

Cada fila puede seleccionarse individualmente y las posiciones arriba y abajo pueden ajustarse mediante las flechas de la barra de herramientas.

Haz clic en el botón "+" al final de una línea para insertar rápidamente una nueva línea por encima o por debajo de la línea actual, o hacia arriba o hacia abajo.

Cada fila admite ajustes de estilo independientes, como:

• Colores de fondo y colores de fondo hover
• Altura de línea (admite px, em, vh)
• Configuración de pantalla adaptable: escritorio, tableta y móvil ajustados por separado

Gestión de la columna de la tabla (Columna)

Cada columna de la tabla se presenta en un bloque de datos de tabla.

Las columnas pueden desplazarse mediante los iconos de flecha de la barra de herramientas; haciendo clic en el icono más se añade una nueva columna, que puede insertarse en cualquier posición.

Cada celda admite la configuración de márgenes internos independientes (Padding), que también pueden ajustarse de forma responsiva.

Si necesita controlar finamente la anchura de cada columna, puede desactivar la opción "Ancho automático", introduzca manualmente valores porcentuales o de píxeles para mejorar la adaptación en distintos dispositivos.

Configuración general del formulario

Después de seleccionar todo el Tabla avanzada Después del bloque, se pueden realizar ajustes globales para todo el módulo del formulario.

Ajustes básicos

• Número de filas y columnas: ajustable manualmente
• La primera fila se establece como cabecera de la tabla: set HTML La etiqueta cambia a <th>y aplicar automáticamente estilos de fuente de cabecera
• Primera columna como cabecera: también se aplica a las listas de datos verticales

Funcionalidad fija de filas y columnas (requiere Kadence Blocks Pro)

• Primera fila fija (Sticky First Row): se utiliza a menudo en formularios largos con una visualización fija del título.
• Primera columna adhesiva: adecuada para tablas de comparación paramétrica.

Es necesario configurar los campos Altura máxima o Anchura máxima para activar el efecto de visualización fija en condiciones de desplazamiento.

Desplazamiento horizontal

• Habilite el desplazamiento Overflow X para deslizarse horizontalmente por el contenido de la tabla en dispositivos móviles o de pantalla estrecha, resolviendo eficazmente el problema del contenido truncado debido a demasiadas columnas.

Estilo y ajustes visuales

Mesa avanzada ofrece una gran cantidad de configuraciones de estilo, incluyendo pero no limitado a:

• marco: puede establecer el color, el grosor y elegir si desea aplicarlo sólo a las filas.
• Margen interior de la célulaArmonizados o separados
• Estilo de fuenteSoporte de fuente, tamaño de fuente, color, altura de línea, peso de fuente, espaciado de fuente y otros controles.
• Estilo de cabeceraConfiguración individual de estilos de fuente, colores, etc. para los encabezados de tabla
• fondoColores de fondo alternativos para las filas pares e impares para mejorar la legibilidad.
• FondoSoporte para establecer colores de fondo exclusivos para columnas individuales.
• su altura (honorífico): Armonizar las alturas de las filas de las tablas.

Ajustes avanzados

• Se pueden establecer márgenes exteriores e interiores para todo el bloque de formulario, lo que facilita el control del espacio en blanco entre módulos.
• Puede guardar la configuración actual como configuración predeterminada y utilizar automáticamente el mismo estilo al añadir futuros formularios.
• Soporte para añadir personalización CSS Nombres de clase para dar cabida a requisitos de estilo de front-end más personalizados.

observaciones finales

Tabla avanzada poco a poco (informática) Bloques Kadence La tipografía responsiva y las capacidades de anidamiento de bloques que proporciona el plugin facilitan la creación de estructuras de tablas altamente controlables, estéticamente agradables y funcionales.

Ya se trate de mostrar paquetes de servicios, horarios de cursos o comparativas,PREGUNTAS FRECUENTES o con el uso de módulos de comercio electrónico.Tabla avanzada Todos ofrecen suficiente expresividad y flexibilidad para formar parte integrante de la maquetación de contenidos.