Las tablas y gráficos son más importantes de lo que pensamos cuando tenemos un sitio web, ya que esto podría hacer más fácil la forma en que mostramos nuestros precios, planes, trayectoria de la empresa y muchas cosas más

Puede ser muy tedioso encontrar una tabla después de crearla, ya que deberíamos copiar y pegar el shortcode. Pero ¿qué ocurre si hay un bloque dedicado a encontrar todas las tablas? WP Table Manager te permite hacerlo con el editor Gutenberg de WordPress, fácil de usar.

WP Table Manager agrega bloques al editor Gutenberg que le permitirán agregar estas tablas con un cuadro de búsqueda directamente en el bloque.

Creación de tablas de WordPress con este complemento para Gutenberg

Para este post utilizaremos WP Table Manager para crear una tabla de comparación de precios, primero que todo, veremos cómo crear tablas.

En primer lugar, vaya a Administrador de tablas > Todas las tablas , en esta sección, haga clic en + Crear nueva > Tabla , esto abrirá el editor de tablas, podríamos usar un tema para hacer las cosas realmente más fáciles, así que elijamos uno, haga clic en Tema > Selección de tema .

Verás todas las opciones de temas, así que vamos a seleccionar la que funcione para la tabla de comparación de precios.

Ahora haga clic en Aceptar (tenga en cuenta que se eliminarán todos los datos de la tabla).

Como hemos añadido un tema, casi todo el trabajo está hecho.

Solo tenemos que hacer ajustes sencillos y adaptar la tabla a nuestras necesidades, yo eliminaré muchas filas y editaré muchas de ellas, estas las podemos editar solo haciendo clic sobre ella y empezar a escribir como si estuviéramos usando Excel.

Para eliminar, simplemente haga clic en las filas, haga clic derecho y luego, Eliminar .

Ahora, si deseas editar la celda, simplemente haz clic en ella, se abrirá un editor avanzado que podrás usar para personalizar el contenido como desees.

Si queremos personalizar más la tabla, podemos cambiar el color, solo tenemos que hacer clic sobre la celda y utilizar las herramientas superiores para cambiar el color de las celdas que queramos.

No tenemos que guardar la tabla ya que se guardará automáticamente con cada cambio.

Ahora que hemos creado la tabla, podemos agregarla a la publicación usando el bloque Editor Gutenberg.

Vaya a Publicaciones > Agregar nuevo , verá el Editor Gutenberg, seleccionaremos el WP Table Manager .

Esto agregará un campo de búsqueda que le mostrará las categorías y tablas y podrá agregar una tabla simplemente haciendo clic en la tabla.

La tabla se agregará y ahora solo tendrás que publicar esa publicación y la tabla estará allí, tan fácil como hacer clic en la tabla y publicar la publicación/página.

Y eso es todo, hemos creado y publicado una tabla de precios en menos de 10 minutos, muy fácil, ¿no?

Uso de WP Table Manager en WordPress para crear gráficos

Sí, también tendremos la opción de crear gráficos a partir de las tablas, y la otra buena noticia es que la sección de gráficos tiene un Bloque Gutenberg dedicado para que puedas encontrar fácilmente el gráfico cuando estés creando tu publicación.

Ahora para crear gráficos vamos a Administrador de tablas > Todas las tablas , debemos tener una tabla creada con los datos que queremos reflejar en el gráfico, tenemos una tabla preparada con información para crear este gráfico.

Una buena práctica podría ser, crear una categoría para cada tipo de tabla que queramos crear, por ejemplo, aquí hemos creado una categoría llamada: “Gráficos”.

Las categorías son muy fáciles de crear, para ello haga clic en + Crear nueva > Categoría .

Por último, escriba el título de la categoría, seleccione la categoría principal (si es una subcategoría) y haga clic en Listo .

Ahora vamos a la tabla donde queremos crear el gráfico, hemos agregado una tabla basada en las poblaciones de 5 países.

Para crear el gráfico, tendremos que seleccionar las celdas que queremos agregar al gráfico y hacer clic en Gráfico > Crear gráfico a partir de datos.

 Ahora veremos el gráfico creado con el menú de la derecha donde vamos a poder ver las herramientas para personalizar el gráfico.

Utilizaremos el gráfico circular para este ejemplo.

En la parte inferior del panel lateral derecho, vamos a poder seleccionar el color para cada campo para que podamos hacer que los colores se ajusten al tema que estemos utilizando.

Ahora que hemos creado/personalizado el gráfico, vayamos a Publicación > Agregar nuevo para que podamos crear la publicación y agregar el nuevo gráfico que hemos creado.

En el Editor Gutenberg, busque el bloque “GráficoWP Table Manager ” y agréguelo a la publicación.

Esto abrirá un campo de búsqueda donde podrás ver todos los gráficos disponibles.

Como puedes ver se mostrarán todas las categorías, tablas y gráficos disponibles, por eso debemos tener todo ordenado en categorías, ahora haz clic en el gráfico que deseas agregar, en nuestro caso es el “Gráfico de población”.

Como puedes ver el shortcode se añadirá automáticamente, por lo que solo tendrás que publicarlo y todo estará hecho.

Pero ahora, ¿qué pasa si queremos actualizar los datos del gráfico? ¿Deberíamos crear uno nuevo? ¡Pues no! Simplemente podemos editar los datos dentro de la tabla y el gráfico se actualizará automáticamente.

En este ejemplo, la población de Tuvalu es 11147, como se puede ver en la imagen, así que cambiemos la población a 20000 y revisemos el gráfico nuevamente.

Ahora el gráfico debería estar actualizado, veámoslo.

Y sí, la magia está hecha, hemos creado un gráfico dinámico que se puede cambiar fácilmente simplemente cambiando los datos dentro de la tabla.

Además, tablas de bases de datos en WordPress

También hay una opción para crear tablas desde la base de datos y esta tabla se actualizará automáticamente cuando haya cambios en su base de datos, así que si tiene información almacenada en su base de datos y desea crear una tabla/gráfico basado en ella, simplemente haga clic en + Crear nuevo > Tabla de base de datos

Esto lo redireccionará a una página con todas las tablas incluidas en su base de datos para que pueda seleccionarla con las columnas que desee y WP Table Manager creará automáticamente la tabla.

Luego de esto podrás seleccionar las columnas que deseas agregar a la tabla, por ejemplo, aquí seleccionaremos solo el tipo de comentario y el correo electrónico de los autores.

Por último, seleccione el título para cada columna y agregue las reglas para crear la tabla.

Ahora, haga clic en Crear tabla y la tabla se creará automáticamente, tenga en cuenta que hay Condiciones que podemos agregar, por ejemplo mostrar una variable solo si el correo electrónico del autor es “Esta dirección de correo electrónico está protegida contra spambots. Necesita tener JavaScript habilitado para poder verla.”.

Podemos añadir tantas reglas como queramos, solo tenemos que pulsar en “Añadir” y se añadirá un nuevo cuadro para establecer una nueva regla.

Y ahora puedes ver lo fácil que es crear tablas a partir de la base de datos.

¡Nuestro nuevo diseño hará que todo sea aún más fácil!

Comience a crear tablas con WP Table Manager

Ahora que sabes lo fácil que es crear tablas y administrarlas con WP Table Manager , ¿qué esperas? Visita aquí y compra tu membresía para empezar a gestionar todas tus tablas de la forma más profesional.