TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar gráficos en el sitio de WordPress?

0

A veces, necesita explicar el tema a sus usuarios con muchos datos estadísticos. Aburre a su lector, si intenta mostrar el análisis de datos técnicos en un formato de texto, imagen o video. Aunque puede usar tablas, tiene limitaciones como rellenar el contenido en un área más pequeña. La mejor manera es usar gráficos como los que usa en presentaciones de PowerPoint o Keynote. Chart es una herramienta útil para mostrar la representación gráfica de su análisis de datos. Ya sea que esté recopilando datos de investigación o compartiendo análisis de datos sobre un tema determinado, no hay mejor herramienta para presentar dicha información que los gráficos.

Ventajas de agregar gráficos en WordPress

Es posible que se pregunte por qué necesita agregar gráficos en su sitio mientras puede crear los gráficos con una poderosa herramienta de creación de gráficos como Excel e insertar una captura de pantalla del mismo en su publicación / página. Si bien este método funciona, puede que no sea la mejor opción en muchas situaciones.

Incrustar gráficos en la oferta de WordPress:

  • Un área única consolidada para todas sus tareas de desarrollo de gráficos.
  • Una forma rápida de editar los gráficos para actualizar cualquier cambio.
  • Funciones interactivas adicionales.

Afortunadamente, existen numerosos complementos de WordPress para simplificar el proceso de publicación de gráficos en su sitio web. En esta publicación, nos centraremos en cómo puede agregar gráficos en el sitio de WordPress con el complemento Visualizer WordPress. También explicaremos otras opciones con las opciones de barras de progreso WPBakery Page Builder y Bootstrap.

Instalar y activar el complemento Visualizer

¿Cómo agregar gráficos en el sitio de WordPress?

Complemento de visualizador

  • El complemento es gratuito, pero puede actualizar a la versión Pro para obtener más funciones. Admite una variedad de gráficos, incluidos gráficos circulares, gráficos de áreas y gráficos de líneas, entre otros.

Crear y agregar gráfico en WordPress

  • Para agregar nuevos gráficos, vaya al menú "Medios" en su tablero y seleccione "Biblioteca del visualizador".

¿Cómo agregar gráficos en el sitio de WordPress?

Administrar gráficos

  • Si ya tiene gráficos en la biblioteca, se mostrarán en diferentes pestañas según el tipo.

¿Cómo agregar gráficos en el sitio de WordPress?

Lista de gráficos

  • Para crear un gráfico, haga clic en el botón "Agregar nuevo" en la parte superior de la página del Visualizador.
  • Seleccione el tipo de cuadro / gráfico que desea crear y haga clic en "Siguiente" en la parte inferior de la página.

¿Cómo agregar gráficos en el sitio de WordPress?

Seleccionar tipo de gráfico

  • En la sección "Datos del gráfico", puede importar los datos desde un archivo CSV o URL. Dependiendo de dónde haya almacenado los datos, elija una de las opciones.

¿Cómo agregar gráficos en el sitio de WordPress?

Datos de importacion

  • Para nuestro caso, tenemos los datos en un archivo CSV. Así que buscamos el archivo y hacemos clic en "Importar".

¿Cómo agregar gráficos en el sitio de WordPress?

Archivo CSV para gráfico

  • El complemento generará automáticamente el gráfico.

¿Cómo agregar gráficos en el sitio de WordPress?

Gráfico generado

Personalización de la configuración del gráfico

  • En la parte inferior de las opciones de datos del gráfico, haga clic en el enlace de configuración "Avanzado" para abrir la configuración del gráfico.

¿Cómo agregar gráficos en el sitio de WordPress?

Configuración avanzada de complementos

  • Esto abre el panel "Configuración de gráfico" a la derecha, que ofrece varias opciones para personalizar el gráfico.
  • En "Configuración general", puede agregar un título de gráfico, especificar la familia de fuentes, el tamaño y el color, así como la posición de la leyenda.

¿Cómo agregar gráficos en el sitio de WordPress?

Ajustes generales

  • Expanda las opciones de "Configuración de gráfico circular" y para la configuración 3D seleccione "Sí" si desea un chat 3D.
  • También puede establecer el contenido del texto del segmento, el ángulo de inicio y el orden de las categorías, entre otros elementos del gráfico.

¿Cómo agregar gráficos en el sitio de WordPress?

Configuración de gráfico

  • También puede configurar otros ajustes como:
  • Diseño y área del gráfico: cambio de tamaño del área del gráfico, el color de fondo y los márgenes, entre otras opciones.

¿Cómo agregar gráficos en el sitio de WordPress?

opciones de diseño

  • Acciones de front-end: permite / bloquea la impresión, copia o descarga de gráficos o datos.
  • Configuración de residuos: para mejorar la visibilidad de la carta, etc.
  • Después de personalizar la configuración, haga clic en "Crear / Guardar gráfico" en la parte inferior de la página.

¿Cómo agregar gráficos en el sitio de WordPress?

Crear gráfico

Oferta de SEO: Optimice su sitio con la prueba gratuita especial de 14 días de Semrush Pro.

Incrustar gráfico en una página o publicación de WordPress

  • Agregue una publicación nueva o abra una existente en el editor visual. Seleccione la ubicación donde desea mostrar el gráfico.
  • Agregue un nuevo bloque y seleccione "Gráfico del visualizador" debajo de los bloques comunes.

¿Cómo agregar gráficos en el sitio de WordPress?

Agregar gráfico

  • Si está utilizando el editor de publicaciones clásico, puede hacer clic en el icono del gráfico del visualizador en la barra de herramientas.

¿Cómo agregar gráficos en el sitio de WordPress?

Opción clásica

  • Haga clic en la opción "Mostrar un gráfico existente" para mostrar uno de los gráficos creados anteriormente.

¿Cómo agregar gráficos en el sitio de WordPress?

Elegir gráfico

  • Elija el gráfico que desea incrustar de la lista de la biblioteca de gráficos.

¿Cómo agregar gráficos en el sitio de WordPress?

Insertar gráfico

  • Haga clic en "Listo" en la parte inferior del bloque. También puede ajustar la configuración del gráfico desde el panel de la barra lateral derecha.

¿Cómo agregar gráficos en el sitio de WordPress?

Terminado de insertar

  • Ahora haga clic en el botón "Vista previa" para verificar el gráfico y luego en "Publicar" para publicar el gráfico.

¿Cómo agregar gráficos en el sitio de WordPress?

Vista frontal

Relacionado: ¿Cómo instalar WordPress localmente en Mac usando MAMP?

Nota:

  • Puede crear varios gráficos para el mismo conjunto de datos.
  • El Visualizer Pro permite a los usuarios importar datos de una base de datos, otros gráficos, sitios web y entrada manual.

2 Cree gráficos con el generador de páginas de WPBakery

Hay muchas otras opciones para tu gusto usando Google Charts o usando otros complementos como WPBakery Page Builder. El complemento Visual Composer o WPBakery Page Builder se ofrece como un complemento incluido con muchos temas populares. Ofrece múltiples tipos de gráficos con animaciones. Si tiene este complemento, es muy fácil insertar gráficos en minutos.

En cualquier página o publicación, puede hacer clic en "Agregar elementos" y buscar "gráfico". Puede encontrar diferentes gráficos como circulares, redondos, lineales y circulares. Elija el elemento del gráfico e insértelo en su sitio.

¿Cómo agregar gráficos en el sitio de WordPress?

Gráficos del generador de páginas de WPBakery

Puede editar el gráfico y agregar sus valores personalizados para crear el gráfico al instante. Solo tomará unos minutos crear un gráfico con este complemento.

3 Uso de barras de progreso de Bootstrap

Algunos de los temas de WordPress utilizan el marco Bootstrap como base. Si tiene un tema de WordPress basado en Bootstrap, puede usar el componente de barras de progreso estándar para insertar barras de progreso o habilidades horizontales en su sitio. A continuación se muestra un ejemplo de cómo se verán las barras de progreso de Bootstrap 4:

¿Cómo agregar gráficos en el sitio de WordPress?

Ejemplo de barra de progreso

Resumen

Los cuadros y gráficos pueden mejorar la calidad del contenido del sitio web, aumentando la experiencia de los visitantes. Se pueden utilizar para resumir datos complejos, resultados de investigaciones o cualquier otra narrativa que pueda resultar aburrida para los lectores. El complemento Visualizer le permite crear, administrar e insertar gráficos interactivos en páginas / publicaciones de WordPress en un minuto. El complemento es fácil de usar y altamente personalizable, y ofrece una variedad de tipos de gráficos para todas sus necesidades de visualización, desde gráficos circulares, gráficos de dispersión hasta gráficos geográficos. Además, el complemento es gratuito, pero puede actualizar a la versión Pro para acceder a funciones adicionales.

También tiene opciones como gráficos de Google, Visual Composer o gráficos de Bootstrap, según sus requisitos.

Fuente de grabación: webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More