¿Desea agregar gráficos de barras y gráficos en WordPress? Las ayudas visuales como gráficos, gráficos de barras, gráficos circulares y más son la manera perfecta de agregar datos atractivos a su contenido. En este artículo, le mostraremos cómo crear diagramas de barras y gráficos en WordPress utilizando el complemento Visualizer WordPress Charts and Graphs.

Agregar tablas y gráficos en WordPress

Problemas con los gráficos de barras en WordPress

Hay muchos complementos de WordPress para agregar gráficos de barras, tablas y gráficos a su contenido. Sin embargo, la queja más común que escuchamos de los usuarios es que estos complementos suelen ser demasiado complicados de usar.

Algunos de estos complementos incluso esperan que los usuarios agreguen datos en códigos cortos en formatos extremadamente complejos.

Muchos usuarios terminan por no usar estos complementos, sino que crean diagramas y los convierten en imágenes en sus aplicaciones de oficina.

Esto podría funcionar si planeas no cambiarlo nunca. Sin embargo, las imágenes no sustituyen a los gráficos interactivos, y cuando el usuario se desplaza sobre una sección específica, aparecen datos útiles.

La solución ideal de creación de gráficos y gráficos le permitirá:

  • Agregue datos de fuentes de datos en su computadora o red.
  • Rellene gráficos, gráficos circulares, gráficos y gráficos de barras con sus datos.
  • Cree gráficos hermosos, interactivos, coloridos y aptos para dispositivos móviles.
  • Lo más importante, debe mantenerlo actualizado con sus datos.

Habiendo dicho eso, veamos cómo el complemento Visualizer WordPress Charts and Graphs puede ayudarlo a hacer todo esto.

Crear gráficos de barras y gráficos en WordPress con Visualizer

Lo primero que debe hacer es instalar y activar el complemento Visualizer WordPress Charts and Graphs. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Si bien las versiones gratuitas harán casi todo lo que necesita, también cuentan con Visualizer Charts y Graphs Pro, que agrega funcionalidad adicional al complemento, como agregar datos directamente usando hojas de cálculo (como una interfaz) e importar datos de otros gráficos.

Una licencia para un solo sitio cuesta $79 e incluye un año de soporte profesional y actualizaciones.

notas: Este tutorial trata sobre la versión gratuita del complemento.

Después de la activación, debe acceder Medios » Biblioteca de visualización Página. Aquí es donde aparecerán todos los cuadros y gráficos.

Añadir nuevo gráfico

Debe hacer clic en el botón Agregar nuevo para agregar su primer gráfico.

Esto abrirá una ventana emergente en la pantalla. Verá los diferentes tipos de gráficos disponibles con el complemento. Simplemente seleccione el tipo de gráfico que desea agregar y haga clic en el botón Siguiente para continuar.

Elija el tipo de gráfico

El siguiente paso es agregar la fuente de datos en formato CSV. Si ha guardado sus datos como una hoja de cálculo utilizando Excel, Google Sheets o cualquier otro programa, simplemente puede exportarlos como un archivo CSV.

Puede descargar o guardar el archivo CSV en su computadora y cargarlo haciendo clic en el botón “Desde la computadora”.

Agregar un archivo CSV como fuente de datos para el gráfico

Su archivo CSV debe contener nombres de columna en la primera línea y tipos de datos en la segunda línea. El complemento admite los siguientes tipos de datos: cadena, número, booleano, fecha, hora, fecha y hora.

Consulte este archivo de muestra que creamos en Hojas de cálculo de Google.

Ejemplo de archivo CSV

Si utilizó un editor de texto para crear el archivo CSV, consulte el siguiente archivo CSV de muestra:


Browser,visitors
string,numbers
Chrome,7894
Firefox,6754
Internet Explorer,4230
Safari,2106
Opera,627

Agregar gráficos en WordPress usando las hojas de cálculo de Google Drive

Si guarda los datos de su gráfico como una hoja de cálculo en Google Drive, puede agregarlos al gráfico sin exportarlos.

Abra su archivo de datos en una hoja de cálculo de Google y haga clic en Documentos » Publicar en la web.

Publicar en la web

Aparecerá una ventana emergente en la que deberá elegir cómo desea publicar este documento. Debe seleccionar Valores separados por comas (.csv) en el menú desplegable.

Publicar hoja de trabajo como CSV

No olvides hacer clic en el botón “Publicar”.

Ahora verá que la URL pública de la hoja es un archivo CSV. Debe copiar esta URL y volver al gráfico del visualizador.

Haga clic en el botón Desde la web e ingrese la URL del archivo csv de su hoja de cálculo de Google.

Agregue URL a su archivo CSV de hoja de cálculo de Google

Después de ingresar la URL, el complemento buscará su archivo CSV y mostrará una vista previa en vivo del gráfico.

Ahora puede hacer clic en el botón Crear gráfico para guardar el gráfico.

Agregue tablas o gráficos a las publicaciones/páginas de WordPress

Agregar cuadros o gráficos a sus publicaciones y páginas de WordPress es tan fácil como agregar imágenes.

Cree una nueva publicación/página o edite una publicación/página existente en la que desee agregar el gráfico. En la pantalla de edición, haga clic en el botón Agregar medios sobre el editor de publicaciones.

Añadir botón multimedia

Esto abrirá la ventana emergente de carga de medios de WordPress. Debe hacer clic en la pestaña de visualización en la columna izquierda. Cargará todos los gráficos que haya creado y guardado en este sitio.

Inserte gráficos en sus publicaciones o páginas de WordPress

Haga clic en el icono de inserción debajo del gráfico. La ventana emergente desaparecerá y verá su gráfico agregado a su publicación de WordPress como un código abreviado.

Códigos cortos de gráfico

Ahora puede guardar su publicación o página de WordPress y visitar su sitio web para ver el gráfico incrustado en su publicación de WordPress.

Editar gráficos visuales en WordPress

Puede editar y cambiar el diagrama en cualquier momento.solo visita Medios » Biblioteca de visualización Página. Desde allí, puede clonar, eliminar el gráfico o editar su configuración visual.

Edita o administra tus diagramas en WordPress

Es muy fácil usar el Visualizador para actualizar los datos de un gráfico existente sin cambiar el gráfico.

Si agregó datos de una hoja de cálculo de Google, todo lo que necesita hacer es actualizar los datos en la hoja de cálculo e ir a Documentos » Publicar en la web y vuelva a publicar su hoja de cálculo. Sus cambios se reflejarán automáticamente en su gráfico.

Por otro lado, si cargó un archivo CSV, deberá actualizar el archivo CSV en su computadora. Cuando haya terminado, seleccione el gráfico que desea actualizar y haga clic en el enlace Editar debajo del gráfico.

En la sección Cargar archivo CSV, simplemente cargue un nuevo archivo CSV. Los cambios en los datos se reflejarán automáticamente en la publicación o página donde inserte el gráfico.

Agregar gráficos en los widgets de la barra lateral de WordPress

El visualizador inserta gráficos usando códigos abreviados.solo ve a Medios » Biblioteca de visualización, verá un código abreviado debajo del gráfico.

Copia el shortcode y ve a Apariencia » WidgetsArrastre y suelte el widget de texto en la barra lateral y pegue el código abreviado en el widget.

Si los códigos cortos no funcionan en los widgets de texto, consulta nuestra guía sobre cómo usar los códigos cortos en los widgets de la barra lateral de WordPress.

Esperamos que este artículo le haya ayudado a agregar gráficos de barras y gráficos a su sitio de WordPress.También puede consultar nuestra lista de 24 plugins de WordPress imprescindibles para sitios web de empresas

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.