Cómo crear barras y gráficos en WordPress con Visualizer

¿Quieres agregar barras y gráficos en WordPress? Las ayudas visuales como gráficos, barras, gráficos circulares y otros son una manera perfecta de agregar datos a su contenido de manera hermosa. En este artículo, le mostraremos cómo crear barras y gráficos en WordPress con el plugin de gráficos y gráficos del visualizador de WordPress.

El problema de las barras y los gráficos en WordPress

Hay muchos plugins de WordPress para agregar barras, cuadros y gráficos a su contenido. Sin embargo, la queja más común que hemos escuchado de nuestros usuarios es que estos plugins suelen ser demasiado complicados de usar.

Algunos de estos plugins incluso esperan que los usuarios agreguen datos dentro de un código corto en formatos extremadamente complicados.

En lugar de utilizar estos plugins, muchos usuarios terminan creando gráficos en sus aplicaciones de oficina y convirtiéndolos en una imagen.

Esto podría funcionar si tiene la intención de no cambiarlo nunca. Sin embargo, una imagen no reemplaza un gráfico interactivo que muestra datos útiles cuando el usuario pasa el mouse sobre una sección en particular.

Una solución ideal para gráficos y tablas le permitiría:

  • Agregue datos de una fuente de datos en su computadora o en la web.
  • Complete gráficos, tartas, gráficos y barras con sus datos.
  • Cree gráficos atractivos, interactivos, coloridos y aptos para dispositivos móviles.
  • Lo más importante es que debería permitirle actualizar los datos cuando lo desee.

Dicho esto, veamos cómo el plugin de gráficos y gráficos del visualizador de WordPress lo ayuda a hacer todo esto.

Creando barras y gráficos en WordPress con Visualizer

Lo primero que debe hacer es instalar y activar el archivo. Gráficos y gráficos del visualizador de WordPress conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Si bien la versión gratuita hace casi todo lo que necesita, también tienen Visualizer Charts and Graphs Pro, que agrega funciones adicionales al plugin, como agregar datos directamente utilizando una interfaz similar a una hoja de cálculo e importar datos de otros gráficos.

Cuesta $ 79 por una licencia de un solo sitio con un año de soporte profesional y actualizaciones.

Nota: Este tutorial trata sobre la versión gratuita del plugin.

Después de la activación, debe visitar Medios »Biblioteca del visualizador página. Aquí es donde aparecerán todos sus cuadros y gráficos.

Agregar nuevo gráfico

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

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

Seleccione un 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 usando Excel, Google Sheets o cualquier otro programa, simplemente puede exportarlos como un archivo CSV.

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

Agregue su archivo CSV como fuente de datos para el gráfico

Su archivo CSV debe tener nombres de columna en la primera fila y tipo de datos en la segunda fila. El plugin admite estos tipos de datos: cadena, número, booleano, fecha, hora, fecha y hora del día.

Consulte este archivo de muestra que creamos en Google Sheets.

Archivo CSV de muestra

Si está creando un archivo CSV con un editor de texto, consulte este archivo CSV de muestra:


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

Agregar un gráfico en WordPress usando la hoja de cálculo de Google Drive

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

Abra su archivo de datos en Google Spreadsheets y luego haga clic en Archivo »Publicar en la Web.

Publicar en la web

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

Publica tu hoja como CSV

No olvide hacer clic en el botón "Publicar".

Ahora verá la URL disponible públicamente de su hoja como un archivo CSV. Debe copiar esta URL y volver al gráfico del Visualizador.

Haga clic en el botón Desde la Web y luego ingrese la URL del archivo csv de la hoja de cálculo de Google.

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

Tan pronto como ingrese la URL, el plugin obtendrá su archivo CSV y mostrará una vista previa en vivo de su gráfico.

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

Agregar un cuadro o gráfico en publicaciones / páginas de WordPress

Agregar un gráfico o un gráfico a las publicaciones y páginas de WordPress es tan simple como agregar imágenes.

Cree un nuevo artículo / página o edite uno existente donde desee agregar el gráfico. En la pantalla de edición, haga clic en el botón Agregar medios encima del editor de publicaciones.

Agregar botón multimedia

Esto abrirá la ventana emergente de carga de medios de WordPress. Debe hacer clic en la pestaña de vistas de la columna de la izquierda. Subirá todos los gráficos que ha creado y guardado en este sitio.

Inserte el gráfico en sus artículos o en su página 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 corto.

Código corto 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.

Edición de gráficos de visores en WordPress

Puede editar y cambiar sus gráficos en cualquier momento. Solo visita Medios »Biblioteca del visualizador página. Desde allí, puede clonar un gráfico, eliminarlo o cambiar su configuración visual.

Edite o administre sus gráficos en WordPress

Actualizar los datos de un gráfico existente sin modificar el gráfico es bastante sencillo con Visualizer.

Si ha agregado 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 Archivo »Publicar en la Web y vuelva a publicar su hoja de cálculo. Los cambios se reflejarán automáticamente en el gráfico.

Por otro lado, si ha subido un archivo CSV, necesita actualizar el archivo CSV en su computadora. Una vez hecho esto, seleccione el gráfico que desea actualizar y haga clic en el enlace de edición debajo del gráfico.

En la sección Cargar archivo CSV, simplemente cargue su nuevo archivo CSV. Los cambios en los datos se reflejarán automáticamente en las publicaciones o páginas donde haya insertado ese gráfico.

Agregar un gráfico en un widget de barra lateral de WordPress

Visualizer usa códigos cortos para insertar gráficos. Solo ve a Medios »Biblioteca del visualizador, verá un código corto debajo de sus gráficos.

Copie el shortcode y vaya a Apariencia »Widget. Arrastre y suelte un widget de texto en la barra lateral y pegue el código corto dentro del widget.

Si el código abreviado no funciona en su widget de texto, consulte nuestra guía sobre cómo usar códigos abreviados en los widgets de la barra lateral de WordPress.

Esperamos que este artículo le haya ayudado a agregar barras y gráficos a su sitio de WordPress. Es posible que también desee ver nuestra lista de 24 plugins de WordPress para sitios web comerciales.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir