Cómo dar formato a las tablas en WordPress

Cómo dar formato a las tablas en WordPress

Dar formato a una tabla en WordPress significa crear y estilizar una tabla de tal manera que sea fácil presentar los datos dentro de la tabla cómodamente y mostrarlos en entradas y páginas web. Te ayuda a mejorar la claridad y legibilidad de tu contenido.

WordPress ofrece un bloque de tablas integrado. Pero sólo puede crear tablas de nivel básico con el bloque, ya que carece de numerosas funciones avanzadas. En este caso, puede utilizar el bloque Tableberg para formatear correctamente las tablas en WordPress.

En esta entrada del blog, le mostraremos el proceso paso a paso de cómo dar formato a las tablas en WordPress utilizando el plugin Tableberg.

¿Qué incluye el formateo de una tabla en WordPress?

Formatear tablas en WordPress

Puede ejecutar todos los formatos mencionados en WordPress con el plugin Tableberg. Veamos cómo hacerlo.

Nota: El Bloque de Tabla por defecto no tiene muchas opciones de formato. En este tutorial, utilizaremos la función Plugin Tableberg para formatear una tabla de WordPress.

1. Filas y columnas

Al igual que el bloque de tabla por defecto, Tableberg permite definir el número de filas y columnas.

Establecer el número de fila y columna

Aquí también, como el bloque de tabla por defecto, puede insertar/eliminar filas y columnas de la mesa.

Añadir o eliminar la fila o columna de la tabla

2. Establecer borde (color y radio)

Puedes poner la mesa color y anchura del borde, y radiolo que no es posible con el bloque predeterminado. Puede establecer ambos para el interior y fronteras exteriores.

Definir borde (color y radio)

3. Margen y relleno de celdas

Puede ajustar el margen y el relleno de las celdas en de dos manerasindividualmente y universalmente.

  • Establecer margen y relleno para celdas individuales

Sitúe el cursor en cualquier celda. Haga clic en el botón icono más (+) junto a la opción Dimensiones. Esto le mostrará dos opciones: Relleno y Margen.

Establecer el relleno y el margen de cada celda

Ahora, puede establecer el relleno para la celda. Esto puede afectar también a otras celdas, pero no a todas.

Establecer el relleno de cada celda
  • Establecer el margen y el relleno de las celdas de forma universal

Seleccionar toda la tabla. Entonces, vaya a la pestaña Estilos.

Establecer el margen y el relleno de las celdas de forma universal

Desplazándose hacia abajo en la pestaña, llegue a la opción Dimensiones. Debajo de la opción, obtendrá Relleno de celda y Espaciado de celda. Usando estas opciones, puedes establecer el relleno y espaciado de celdas universalmente.

Establecer el relleno y el margen de las celdas de la tabla de forma universal

4. Alineación

Puede ajustar la alineación del texto de la celda individualmente.

Ajustar la alineación de las celdas

También puede ajustar la alineación de toda la tabla. Para ello, selecciona la tabla haciendo clic en el icono Tableberg. A continuación, elige la opción de alineación.

Establecer la alineación de la tabla

5. Color de fondo

Seleccione la tabla. Terreno en el Ficha Estilos. Obtendrá la opción de color. Puede elegir el fondo por separado para la fila impar, las filas pares, el encabezado de la tabla y el pie de página.

Añadir color de fondo a la tabla

Tableberg también tiene algunas funciones más avanzadas. Puede configurar individualmente el color de fondo de las celdas, de las filas y de las columnas.

Definir el color de fondo de la celda

6. Fuentes y tipografía

La opción por defecto del plugin le permite configurar los ajustes de tipografía, que incluyen fuente, apariencia, altura de línea, espaciado entre letras, decoración, mayúsculas y minúsculas, etc.

Elegir fuente y tipografía

Aprenda cómo crear una tabla de especificaciones de productos en WordPress.

7. Capacidad de respuesta

Tableberg te permite hacer que tu mesa sea perfectamente responsive para que se vea bien en todos los dispositivos, incluidos ordenadores de sobremesa, tabletas y móviles.

Hacer que la mesa responda

Aunque no solemos añadir un Encabezado y un Pie de página a nuestras tablas diarias, puedes añadirlos fácilmente utilizando el plugin Tableberg. Encontrará esta opción en el plugin.

Añade un encabezado y un pie de página a tu tabla

9. Estilo global

El estilo global se refiere a un conjunto coherente de diseños aplicados en toda la tabla. El plugin Tableberg le permite configurar el Estilo de Fuente Global que incluye el color de la fuente, el color del enlace y el tamaño de la fuente.

Estilo global en Tableberg

10. Añadir imágenes, botones e iconos

Al igual que el editor de bloques de Gutenberg, el plugin Tableberg te permite añadir diferentes tipos de contenido como imágenes, botones, iconos y cintas a las celdas de tu tabla, utilizando los bloques respectivos. Después, puedes estilizarlos como cualquier otro bloque.

Añadir imágenes, botones e iconos

Explore cómo crear una tabla comparativa en WordPress.

Conclusión

Hace años, la gente tenía que depender mucho de la codificación CSS y HTML personalizada para diseñar tablas en las páginas web. Pero hoy, con la Tableberg puede hacerlo de forma sencilla, sin tener que codificar.

Tableberg ya ha lanzado muchas funciones interesantes y muchas más están aún en proyecto. Muy pronto, lo tendrás como una solución única para todo lo que necesitas en una mesa. Por lo tanto, obtenga el plugin hoy mismo y disfrute de una experiencia maravillosa.



El equipo de Tableberg