blog webempresa

¿Cómo crear tablas en WordPress?

por | Ago 23, 2023 | Aprender WordPress

Cómo crear tablas en WordPress

Las tablas en WordPress son una excelente manera de resaltar y estructurar información de manera clara y concisa para los lectores.

En este artículo vamos a ver para qué se usan y cómo podemos crear tablas en WordPress de manera sencilla.

 ¿Qué es una tabla?


tablas-en-wp-01

Una tabla en una página web es una estructura que se utiliza para organizar y mostrar información de manera ordenada y tabular. Se asemeja a una hoja de cálculo con filas y columnas, lo que facilita la presentación de datos de una manera clara y estructurada.

En términos técnicos, las tablas en HTML se pueden crear usando el elemento <table>, y luego se dividen en filas con <tr> y columnas con <td> para las celdas individuales. También es posible usar <th> para las celdas de encabezado si queremos resaltar ciertas columnas o filas como encabezados.

Las tablas son útiles para mostrar datos comparativos, listas de información y horarios, por ejemplo. Sin embargo, es importante utilizarlas con moderación y preferir diseños responsivos para que la información se adapte a diferentes tamaños de pantalla y dispositivos móviles.

 ¿Para qué usar tablas en WordPress?


Las tablas en WordPress se usan principalmente para presentar información de manera organizada y estructurada en las páginas y publicaciones.

A continuación, mencionaremos algunas situaciones comunes en las que podríamos usar tablas en WordPress:

Comparaciones de productos o servicios: si tenemos un sitio web de comercio electrónico o una página de revisión de productos, las tablas son útiles para comparar diferentes características, precios y calificaciones de productos.

Listas de especificaciones: si queremos mostrar las especificaciones técnicas de un producto como las dimensiones, el peso, la capacidad, etc.; una tabla es una forma efectiva de hacerlo de manera ordenada.

Horarios o programaciones: si administramos un sitio web para un negocio o evento, es posible utilizar tablas para mostrar horarios de apertura, cronogramas de eventos o programas.

Datos estadísticos: si necesitamos presentar datos estadísticos como resultados de encuestas o información demográfica, las tablas nos permiten organizarlos y mostrarlos de manera clara.

Comparación de planes de precios: si ofrecemos diferentes planes de precios para un servicio o producto, las tablas facilitan la comparación de las características incluidas en cada plan.

 ¿Cómo crear tablas en WordPress?


Para crear tablas en WordPress podemos emplear varios métodos, entre ellos es posible incorporar tablas desde el editor clásico o editores de bloques como Gutenberg.

También podemos sacarle provecho a complementos específicos para tablas que ofrecen funcionalidades adicionales como personalización de estilos y opciones de ordenamiento.

Debemos tener presente que, aunque las tablas son útiles, es importante no abusar de ellas para mantener una experiencia de usuario fluida y accesible.

 Crear tablas en WordPress desde Gutenberg


Desde el nuevo editor de bloques Gutenberg es posible crear tablas en WordPress de manera simple y sencilla utilizando el bloque específico para este elemento que podemos encontrar como “Tabla”.

tablas-en-wp-02

Al seleccionar el bloque podemos establecer el número de columnas y de filas para que así sea creada la tabla.

tablas-en-wp-03

Una vez creada la tabla podemos aplicar ajustes, en los que es posible determinar etiquetas de cabecera y de pie de página.

tablas-en-wp-04

También es posible aplicarle estilos concretos a la tabla como el color de fondo, el color de la tipografía y el tamaño de los bordes de la tabla.

tablas-en-wp-05

 Crear tablas en WordPress desde Plugin


Si en lugar de usar el editor de Gutenberg gestionamos el contenido y la estructura de nuestro sitio web por medio de otro editor integrado al tema activo de WordPress o está asociado a algún Page Builder en uso, una alternativa que podemos considerar es utilizar un plugin con un alto nivel de compatibilidad.

Existen muchos plugins de tablas para WordPress; sin embargo, en este caso vamos a emplear uno de los más utilizados: TablePress.

tablas-en-wp-06

(Visita el plugin haciendo clic en la imagen ↑)

El plugin TablePress es una herramienta popular de WordPress que nos permite crear y gestionar tablas de datos de manera fácil y eficiente.

Entre los puntos clave sobre el plugin TablePress podemos mencionar los siguientes:

Creación de tablas: TablePress facilita la creación de tablas mediante una interfaz amigable tipo hoja de cálculo. Puedes agregar filas y columnas, así como editar el contenido de las celdas directamente.

Personalización: el plugin ofrece opciones de personalización para cambiar el estilo y diseño de tus tablas. Puedes aplicar estilos CSS personalizados, modificar colores, fuentes y más para que las tablas se adapten a la estética de tu sitio web.

Importación y exportación: TablePress permite importar tablas desde archivos CSV, Excel y otros formatos. También puedes exportar tus tablas para respaldarlas o transferirlas a otros sitios web.

Funcionalidades avanzadas: entre sus opciones ofrece una variedad de funciones avanzadas, como ordenar, filtrar y buscar datos dentro de las tablas. Esto es útil cuando creamos tablas extensas con muchos datos.

Compatibilidad con shortcodes: TablePress genera shortcodes que pueden ser insertados en páginas o entradas de WordPress para mostrar las tablas. Esto hace que sea realmente fácil el agregar tablas a cualquier parte del sitio web.

Gestión centralizada: es posible gestionar todas las tablas desde un panel centralizado en el escritorio de WordPress, lo que simplifica la edición y actualización de las tablas existentes.

Accesibilidad y SEO: TablePress está diseñado para ser accesible y compatible con SEO, lo que garantiza que las tablas sean legibles y indexables por los motores de búsqueda.

Al instalar el plugin tendremos una nueva opción disponible desde el menu lateral en nuestro escritorio de WordPress llamado “TablePress”, en el cual podremos crear y gestionar las opciones relacionadas con las tablas que allí vamos a añadir.

Crear una tabla en TablePress es muy sencillo, solo bastará asignar un nombre, una descripción y la estructura en número de filas y de columnas que tendrá la nueva tabla.

tablas-en-wp-07

Una vez en el editor podremos ir añadiendo los datos que correspondan a la tabla, además de poder modificarla por medio de las opciones disponibles que se encuentran segmentadas en secciones.

tablas-en-wp-08

Desde la sección “Manipulación de la tabla” es posible mover, insertar, borrar y duplicar tanto celdas como columnas. Además de poder insertar enlaces e imágenes o combinar las celdas seleccionadas.

tablas-en-wp-09

Desde las opciones de la tabla podremos otorgarle más características a la tabla creada como, por ejemplo, convertir la primera fila de la tabla en su encabezado, alternar los colores de la fina o incluir una clase específica para poder a posterior invocarla al utilizar estilos CSS.

tablas-en-wp-10

Finalmente, en este apartado se encuentran las opciones de interfaz de la tabla para los usuarios. Esto significa que cualquier visitante que vea la tabla tendrá la capacidad de interactuar con ella utilizando acciones como ordenar los datos alfabéticamente o aplicar filtros para mostrar contenido específico dentro de la tabla.

tablas-en-wp-11

Una vez lista nuestra tabla podremos tener un vistazo previo de su aspecto final desde el botón “Vista Previa”.

tablas-en-wp-12

Como podremos disponer donde queremos insertar la tabla por medio del shortcode generado, este pequeño código puede ser incluido en cualquier sección de contenido en páginas, widgets y entradas.

tablas-en-wp-13

 Conclusión


El usar tablas en WordPress es importante debido a su capacidad para organizar información de manera visualmente efectiva y estructurada.

Estas tablas mejoran la claridad y la comparación de datos, lo que facilita que los visitantes del sitio puedan entender la información y tomen decisiones informadas. Además, ayudan a mantener un diseño limpio y coherente en las páginas, lo que mejora la eficiencia del diseño y la legibilidad.

También las tablas tienen la capacidad de aumentar la accesibilidad web si se implementan de manera correcta, permitiendo que los lectores de pantalla interpreten la información de manera más efectiva.

En definitiva, las tablas son una herramienta valiosa que resalta información clave, ahorra tiempo en actualizaciones y mejora la experiencia general del usuario en nuestro sitio web.

También te puede interesar:

¿Te ha resultado útil este artículo?

Promo Junio Webempresa