Tablas de WordPress: 5 formas de agregar tablas a las publicaciones de su blog

¿Alguna vez has pensado en las mesas?

No, no me refiero a la mesa que usas para cenar con la familia o la mesa de conferencias en la oficina donde se realizan las reuniones.

Me refiero a tablas como en gráficos de datos, que se muestran en columnas.

Al escribir contenido, a veces puede ser un desafío presentar los datos de manera organizada. Es posible que desee mostrarlo en formato de gráfico, pero la forma más fácil es convertirlo en una imagen. Desafortunadamente, las imágenes tienen muchos inconvenientes diferentes, uno de los cuales es la incapacidad de Google para indexar la información en la tabla. ¡Las imágenes de los gráficos no son buenas para el SEO!

Por otro lado, presentar información que mostraría en una tabla sin un código único puede ser complicado o tedioso.

La versión desordenada se parece a esto:

• Día – Nombre – Ventas
• Lunes - Shaun - $ 500
• Lunes - David - $ 400
• Martes - Steve - $ 500
• Miércoles – Jennifer - $800
• Miércoles – Sierra - $750

Y así. No tiene columnas bien organizadas, no tiene formato, y todo funciona junto. La información está ahí, pero no está bien formateada. A veces puede agregar espacios y alineaciones usando tabulaciones o CSS, pero se está metiendo en formas complicadas de formatear los datos.

HTML tiene soporte nativo para tablas, por supuesto. Sin embargo, no es fácil de crear y mantener actualizado. La forma tediosa es usar código HTML para crear el contenido de la tabla manualmente.

• Primero, necesita las etiquetas de la tabla, así que <table> para comenzar y </table> para cerrar.
• Dentro de eso, necesitas un código para cada fila. Una fila comienza con <tr> y termina con </tr> .
• Dentro de cada fila, cada celda necesita una entrada de datos de tabla. Entonces, <td> y </td> , con el elemento específico de datos dentro. Los primeros son los títulos de encabezado de esas columnas.

Entonces, para la primera fila de información, los encabezados, en mi ejemplo anterior, está viendo:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

Luego, por supuesto, debe agregar etiquetas para el formato CSS o HTML, y si necesita imágenes o íconos, tiene trabajo adicional, y eso es todo solo para una fila. ¡Imagínese tener que meterse con todo eso manualmente! Hay una razón por la que las tablas no eran del gusto universal para el diseño web y ya no son el estándar.

Afortunadamente, no hemos necesitado escribir manualmente tablas HTML en décadas si no queremos. WordPress ofrece muchas formas diferentes de agregar nuevas tablas, y he elegido las cinco que creo que son las mejores para este tutorial paso a paso.

¡Vamos a profundizar en!

Opción 1: tablas predeterminadas de WordPress

¿Sabías que WordPress te permite agregar una tabla? Resulta que es gratis y bastante fácil, aunque no tiene muchas funciones. En el generador de páginas de arrastrar y soltar de Gutenberg, puede hacer clic para agregar un nuevo bloque y elegir el bloque Tabla. Insertará un bloque que sirve como caja de configuración de opciones de la tabla. Si está utilizando el Editor clásico, tendrá que volver a Gutenberg para usar el generador de tablas en el front-end.

Es bastante simple; elige el número de filas y columnas que quieras. Para mi ejemplo de datos anterior, tendría tres columnas de tabla y tantas filas para los datos que necesito. El resultado final son tablas receptivas simples.

WordPress también solo tiene un par de opciones para una tabla de forma predeterminada. Puedes elegir entre filas separadas por líneas finas o filas diferenciadas por fondos de rayas alternas, pero eso es todo. No hay formato para las columnas y, aunque puede establecer el color de fondo, se aplica a toda la tabla, no solo a una celda/fila/columna. Si está buscando opciones avanzadas, las tablas predeterminadas no le serán de mucha ayuda.

Ahora, claro, puedes ingresar con CSS y cambiar lo que quieras manualmente. ¡Está bien! Pero, si está tratando de hacer que una tabla se vea como la quiere en su editor de WordPress, es una gran molestia. Sorprendentemente, falta el soporte de WordPress para tablas, dada la cantidad de cosas que le permiten hacer de manera inmediata. Por ejemplo, si tiene miles de filas en su tabla, no creará paginación para dividir esto en una sección más pequeña que sea más fácil de leer.

Ahí es donde entra en juego la instalación de un complemento de tabla de WordPress.

Opción 2: TablePress

Si ha tenido un sitio web de WordPress por un tiempo, no debería sorprender que casi cualquier característica que desee agregar probablemente tenga un complemento llamado FeaturePress en alguna parte. Las mesas no son una excepción. TablePress se puede encontrar en el directorio de complementos gratuitos o en su sitio web TablePress.org.

TablePress es un poco torpe porque funciona de una manera que facilita un centro central para administrar los datos de la tabla. Agrega una miniaplicación de administración de tablas a su panel de WordPress. En esa aplicación de administración, puede crear tablas, importar o exportar tablas, configurar tablas y, en general, hacer lo que quiera con ellas. Luego, cuando desee insertar tablas en las publicaciones de su blog, use un código abreviado de tabla para extraer esa tabla.

Tendrá que hacer clic en "Guardar cambios", copiar el código abreviado y luego volver a su publicación para obtener una vista previa de cómo se ve. A veces, tendrá que alternar entre el editor de publicaciones y la configuración de TablePress, lo que puede volverse tedioso.

Luego, y esto es importante, si necesita editar los datos de la tabla, puede hacerlo desde su tablero. Una edición se completa inmediatamente en todas las diferentes instancias de esa misma tabla. Dado que se trata de datos integrados, la gestión centralizada es fácil.

También puede importar datos directamente desde un archivo CSV, XLS u otro archivo de hoja de cálculo, y se completará una tabla. Esta función de importación es muy útil si tiene una gran cantidad de datos que desea importar y no desea copiarlos manualmente.

La mayor desventaja de este complemento de tabla es que se usa mejor para datos y hojas de cálculo. No está hecho, por ejemplo, para un cuadro de comparación de productos uno al lado del otro, una tabla de contenido o algo ingenioso con solo unas pocas filas y columnas. Piense en ello más para incrustar docenas o cientos de filas de datos.

Sería útil si usara CSS personalizado para diseñar y modificar la tabla. Lo hace fácil de hacer, pero aún necesita conocer CSS para diseñar la tabla. En el lado positivo, es completamente gratuito y fácil de usar, lo que lo convierte en un buen complemento para principiantes.

Opción 3: Mesas Ninja

Ninja Tables es una opción elegante para la creación de tablas y la gestión de datos en un sitio de WordPress. Está diseñado más para publicaciones de blog con muchos datos que para uso casual, y hace muchas cosas que admiten volúmenes de datos. Por ejemplo, su tabla puede tener filtros y opciones de clasificación para que los usuarios clasifiquen y ajusten los datos que muestra dinámicamente. Eso es bastante útil para muchas estadísticas e información, pero menos para una tabla de comparación de productos.

Una de las características más ingeniosas de Ninja Tables es que es muy fácil de usar. No necesita CSS personalizado o codificación para administrar la apariencia de sus tablas. Ni siquiera necesita ingresar muchos datos si no lo desea; puede importar datos directamente desde archivos de diferentes tipos.

Sin embargo, una desventaja es que las opciones son "limitadas" con la versión gratuita . Pongo cotizaciones limitadas porque tienen muchas opciones; simplemente no es del todo gratis. Tienen docenas de estilos y colores diferentes para elegir y diferentes plantillas que puedes usar.

Ninja Tables también le permite crear y editar su tabla desde el editor de bloques directamente en una publicación o administrarla desde un tablero central de la misma manera que lo hace TablePress. Eres bastante libre de hacer lo que quieras con el complemento.

Puede encontrar la versión gratuita de Ninja Tables en el directorio de complementos de WordPress. Como muchos complementos, también ofrecen una versión premium si desea comprarla desde su sitio web.

Premium le ofrece un montón de funciones adicionales que probablemente le resulten útiles, entre ellas:

• La capacidad de agregar elementos multimedia a sus celdas en lugar de solo datos de texto.
• Un selector de color, por lo que no está limitado solo a los colores que tienen preconfigurados para usted.
• Más opciones para importar y exportar datos o sincronizar con Hojas de cálculo de Google.
• Opciones de formato condicional y filtrado de datos avanzado.
• Usando códigos cortos dentro de las celdas de la tabla.

Una licencia de sitio único cuesta $49 por año, o puede pagar $99 por 20 sitios o $199 por sitios ilimitados. Alternativamente, ofrecen licencias de por vida por $ 199 por un dominio , $ 399 por 20 o $ 599 por un dominio ilimitado. Aparte de la cantidad de dominios en los que puede usarlo, los planes no tienen limitaciones, por lo que todas las versiones pagas son idénticas. Puede navegar por el sitio y ver más funciones aquí.

Opción 4: Generador de tablas de datos

¿Te gustan las características? ¿Te gustaría tener más de ellos? ¿Le encantaría tener una tabla de datos que pueda convertir dinámicamente en tablas, gráficos, barras, tartas, archivos PDF y otras exportaciones? ¿Quieres mostrar medios en tu mesa? ¿Una barra de búsqueda? ¿Un menú desplegable para elegir cuántas filas mostrar? ¿Ordenar por columna para cada columna? ¿Diseño de respuesta?

Está bien, me detendré.

Al igual que TablePress, administra sus tablas desde un tablero y las incrusta en sus publicaciones o páginas de WordPress. Este complemento es en gran medida el complemento de tabla para el estudiante de STEM que comienza a vibrar de emoción cuando ve una buena pila de datos nuevos y no para el vendedor que quiere una tabla de disparar y olvidar que tiene media docena de filas y una calificación de estrellas. También es muy complicado porque tiene un millón de opciones diferentes.

Cuando digo que esto puede hacer todo, lo digo en serio. El tablero del Generador de tablas de datos para editar una tabla se ve como si tomara Excel o Google Sheets y simplemente las incrustara en el editor. Tiene espacio para fórmulas y formato y mucho más. Tiene todo lo que puedas desear. De alguna manera, es el mejor complemento de tabla de WordPress simplemente porque tiene la mayoría de las funciones.

Entonces, ¿cuál es el truco?

La complejidad, por supuesto. Es muy robusto para un sitio con muchos datos, pero si tiene un blog de WordPress más pequeño y solo desea un gráfico para compararse con sus competidores, una tabla de precios con diferentes planes y características, o una tabla de comparación de productos para algo que vende ; esto es tan exagerado como usar un misil de crucero para cultivar tu jardín.

Puede obtener la versión gratuita aquí desde, lo adivinó, el directorio de complementos de WordPress.

La versión paga tiene, muy apropiadamente, un precio en forma de tabla.

El sitio web de Data Tables Generator tiene licencias para uno, dos o tres años y para uno, cinco o más de 6 sitios a la vez. Una licencia para un solo sitio por un año cuesta $46.

Opción 5: Afiliable

La mayoría de las opciones anteriores tienen que ver con mostrar grandes cantidades de datos complejos en tablas, pero ¿qué pasa si no quieres algo tan complicado?

La mayoría de los bloggers que quieren agregar tablas probablemente busquen algo como una tabla de comparación de productos. Tienes dos o tres productos, y quieres una tabla que incluya varias características/precios/información de reseñas para ellos, con enlaces de afiliados para comprarlos. Es una estrategia comprobada para el marketing de afiliados y la venta de productos. Simplemente muestre las características del producto para que un usuario pueda usarlas para decidir entre ellas, y será más probable que elija una de ellas.

Affiliatable es una de esas formas de agregar estas tablas. Tiene tablas de comparación, un formato de "3 cuadros principales", cuadros de detalles de productos individuales y un estilo de cuadro de pros y contras. Más importante aún, tiene algunas funciones de marketing en lugar de funciones de gestión de datos. Los usuarios no necesitan poder ordenar o buscar en una tabla de comparación de productos, pero sin duda pueden beneficiarse de un poco de orientación geográfica de su parte, ¿verdad?

Affiliatable tiene tres versiones:

• una versión gratuita
• Una versión pro para una licencia de sitio único
• Una versión pro para sitios ilimitados

La versión gratuita es aceptable pero limitada; no le permite usar plantillas premium, no está optimizado para Schema y no le permite usar categorías personalizadas. Las versiones pagas cuestan $ 39 por año y $ 89 por año , respectivamente, o puede comprar licencias de por vida por $ 199 o $ 399 .

¿Qué piensas? ¿Cuál es la mejor manera de agregar una tabla a las publicaciones de tu blog? Déjame saber en los comentarios si tienes otra gran sugerencia.