De qué forma llevar a cabo hermosos gráficos de WordPress (extensión + pasos)

Ya sea que esté editando datos electorales locales como estudioso o maestro que comparte información sobre las poblaciones locales de vida silvestre con su clase, no hay mejor opción que dibujar. Estas herramientas de visualización transforman información hastiada y supuestamente sin valor en información fácilmente asimilable.

Lo destacado es que no debe preocuparse por el complicado software de creación de gráficos porque puede crear gráficos y tablas de WordPress con complementos simples. Es por eso que nos encontramos aquí para describir qué extensiones son las mejores, y asimismo le mostraremos cómo crear bellos gráficos y tablas de WordPress.

📑 Aquí podrás encontrar 👇

Beneficios de hacer gráficos en WordPress

Posiblemente se pregunte por qué no puede simplemente desarrollar un gráfico o un gráfico en Excel, luego tomar una atrapa de pantalla y adjuntarlo a la publicación de su blog. A veces, este método marcha bien, pero en ocasiones es un gran desperdicio. La razón primordial por la que emplea Excel u otros programas para hacer gráficos es que precisa peculiaridades auxiliares que los complementos de WordPress no pueden.

De lo contrario, los siguientes provecho son los beneficios de emplear complementos para crear gráficos y diagramas de WordPress:

  1. Combina todas las estructuras gráficas en un área. La creación de gráficos o diagramas ahorra mucho tiempo con regularidad.
  2. Si es requisito, puede volver atrás y editar el gráfico. La imagen limita las revisiones y necesita que encuentre los archivos antiguos que se usaron para crear el gráfico.
  3. Algunos gráficos y diagramas tienen funcionalidades interactivas, lo que nunca es viable con imágenes.

En general, la extensión de WordPress Chart simplifica este proceso, pero aún proporciona la mayoría de las funcionalidades necesarias para las publicaciones de blog.

5 capaces extensiones de gráficos y gráficos de WordPress en 2019

Antes de empezar a aprender a crear preciosos gráficos y diagramas de WordPress, deseamos usar las mejores extensiones para sus necesidades.

  1. hoja informativa
  2. Gráficos y gráficos de WordPress Lite
  3. Gráficos de WordPress
  4. Mapas, gráficos, diagramas entretenidos
  5. Gráfico de Uber

1. wpDataTables

¡wpDataTables es un complemento de WordPress muy poderoso! No dejes que este nombre te engañe. Puede hacer más que hacer tablas típicas. Asimismo puede hacer diferentes cuadros y gráficos. Está diseñado particularmente para otorgar un sinnúmero de información y transformarla de manera rápida en una bella pantalla gráfica para sus lectores.

Complemento de WordPress wpdatatables

Complemento de WordPress wpdatatables

wpDataTables es una extensión avanzada con una licencia desde $ 44. Actualmente vende mucho más de 13,000 copias en CodeCanyon con 4.5 estrellas de cinco, con lo que puede estar seguro de que muchas personas estarán contentos de utilizarlo. Algunas de sus peculiaridades son:

  • Todo es sensible, lo que quiere decir que tienen la posibilidad de escalar perfectamente a cualquier dispositivo.
  • El complemento WpDataTables tiene tres motores de gráficos diferentes: Google+ Charts, Highcharts y Chart.js. Esto le permite emplear muchas opciones editables para enseñar gráficos simples y flexibles.
  • Actualización automática en tiempo real de tablas y gráficos.
  • Perspectiva de gráficos y tablas en el software de fondo

2. Gráficos y gráficos de WordPress Lite

Si quiere enseñar hermosos cuadros y gráficos para mostrar información en su blog de WordPress, el increíble complemento WordPress Charts and Graphs Lite es la opción mejor. Hace un gran trabajo al hacer hermosos efectos visuales entretenidos al tiempo que le ofrece total libertad para personalizar su impresión para agradar sus necesidades: puede cambiar colores, editar fuentes, esconder artículo, añadir texto, todo lo mencionado tras difundir un gráfico de su gráfico en su publicaciones y páginas es tan fácil como cargar una hoja de cálculo y agregar el código corto generado de manera automática por la extensión a su página.

Si entonces decide cambiar el tipo de gráfico de un gráfico de bloques a un gráfico circular, sencillamente presione el botón de edición y cambie. Sí, verdaderamente es de esta manera de simple. También vale la pena nombrar que los cuadros y gráficos conformados son adecuados para todas las pantallas de dispositivos de todos y cada uno de los tamaños (PCs de escritorio, tabletas, teléfonos móviles) en tanto que la extensión responde.

Gráficos y gráficos de WordPress Lite

Gráficos y gráficos de WordPress Lite

Incluye nueve géneros de gráficos, compatibilidad con códigos cortos y la capacidad de importar grandes proporciones de datos a través de un archivo CSV. Esta extensión de gráfico también se conoce como la extensión Visualizer, por lo que se puede llamar de este modo. Hay versiones gratis y profesionales. La versión profesional cuesta al menos $ 74 (licencia para un solo sitio) y herramientas de otros mapas para importar. Ciertas otras especificaciones profesionales incluyen:

  • Proveer a los individuos opciones para personalizar acciones.
  • Creando un gráfico privado
  • Acompasar de forma automática con sus archivos online
  • Otros géneros de gráficos
  • Puedes emplear el editor en vivo

El complemento Lite sigue siendo muy potente. Aquí hay algunos gráficos que puede realizar:

  • Gráfico de línea
  • Gráfico de pastel
  • gráfico de barras
  • histograma
  • Gráfico de área
  • Mapa geografico
  • Hoja de cálculo
  • Tabla de medidas
  • Gráfico de velas
  • Mesa combinada
  • Gráfico de dispersión
  • Gráfico de línea de tiempo

3. Gráfico de WordPress

El complemento de gráficos de WordPress es mi tercera opción. A varios individuos les agradan el diseño simple, la animación y las opciones coloridas. Sin embargo, también tenga presente que no se ha actualizado en un tiempo.

Extensión de gráfico de WordPress

Extensión de gráfico de WordPress

La extensión de gráficos de WordPress proporciona seis gráficos únicos y plantillas de fórmulas. Puede editar y agregar su propia información para mostrarla en su cibersitio. Los diagramas proporcionados tienen dentro:

  • Instrumento de cuerda
  • bar
  • pastel
  • Radar
  • Áreas de Napa
  • Géneros de donas

Todos estos gráficos se crean con HTML5. Las opciones de personalización son prácticamente sin límites, pero precisa comprender algo sobre codificación, códigos cortos o al menos personalizar la configuración predeterminada. La razón por la que nos atrae tanto esta extensión de gráfico de WordPress es que es muy ligera. Puede agregar fácilmente docenas de gráficos a cualquier publicación de blog. Este es el propósito de usar HTML5. Puede eliminar la confusión sin comprometer la funcionalidad.

4. Mapas entretenidos, cuadros, gráficos VC

Si su cibersitio tiene actualmente un complemento de Visual Composer, un mapa interactivo, un gráfico y un complemento de gráfico pueden ser para usted. Es un complemento de Visual Composer, por lo que no debe conseguirlo de otra manera.

Complemento Mega Main VC para gráficos

Complemento Mega Main VC para gráficos

El complemento cuesta $ 12 y también incluye mapas, cuadros y gráficos entretenidos, todos integrados en la interfaz de Visual Composer. Este complemento incluye iconos vectoriales, fuentes de Google+, colores ilimitados y muchas otras funcionalidades para hacer y personalizar tablas y gráficos. Este apéndice tiene dentro gráficos y diagramas estándar, por servirnos de un ejemplo, B. Gráficos circulares y gráficos de líneas. También hay una función de mapa única que puede destacar áreas concretas, así sea un mapa local o un mapa del mundo.

5. UberChart - Extensión de gráficos de WordPress

UberChart es un complemento de mapeo avanzado de empleo más general pues no requiere el complemento Visual Composer. El complemento proporciona 10 tipos de gráficos integrados y consigue cerca de 240 opciones personalizables para cada gráfico.

Complemento de WordPress de UberChart

Complemento de WordPress de UberChart

Todo lo que debe hacer es exportar e importar datos con solo hacer clic en un botón, y el diseño receptivo garantiza que sus gráficos se logren ver en cualquier dispositivo. Ciertos tipos de gráficos son:

  • Gráfico de linea
  • Gráfico de área
  • gráfico de barras
  • Gráfico de pastel
  • Descripción de la dona
  • Patrón de burbuja

La parte más increíble de esta extensión de gráfico de WordPress es el editor de hojas de cálculo. Le deja copiar datos de cualquier programa (por servirnos de un ejemplo, Excel) y conjuntar las funcionalidades avanzadas de Excel con la versatilidad de las utilidades de gráficos.

De qué manera crear preciosos cuadros y gráficos de WordPress

Uno de nuestros complementos de mapeo mucho más populares es WordPress Charts y Graphs Lite. Por lo tanto, solo usaremos este complemento para realizar este tutorial. Otras extensiones de gráficos tienen herramientas similares, pero el diseño es diferente. Así que recomiendo probarlos todos y ver cuál funciona para usted pues wpDataTables asimismo es muy poderoso.

Paso 1: Instale y active el complemento WordPress Charts and Graphs Lite

Es bastante simple.

Paso 2: vaya a la biblioteca Visualizer y añada nuevos gráficos

Como se mentó resumidamente previamente, el complemento WordPress Charts and Graphs Lite asimismo se llama Visualizador. La página de configuración es un tanto bien difícil de encontrar, pero todo lo que debes realizar es proceder a Medios> Biblioteca de herramientas de visualización. No es requisito configurar ninguna otra configuración antes de poder utilizar los gráficos de WordPress.

Biblioteca de visualización

Biblioteca de visualización

Después de iniciar sesión en la biblioteca Visualizer, se muestra el mensaje "No se halló gráfico". Esto no es un inconveniente pues aún no hemos desarrollado gráficos. Por ende, debe clickear en el botón "Agregar nuevo" en la parte de arriba de la página.

Agregar un gráfico nuevo

Agregar un gráfico nuevo

Esto le mostrará todos los gráficos de WordPress que puede crear con el complemento. Por ejemplo, gráficos circulares, gráficos de líneas, gráficos de áreas, gráficos geográficos y gráficos de barras. La versión gratuita ofrece nueve gráficos de WordPress. Si compra la versión profesional, conseguirá tres gráficos mucho más. De todas maneras, elijo un gráfico circular para este tutorial.

Gráficos y diagramas

Gráficos y diagramas

Paso 3: importar los datos a un gráfico de WordPress

El complemento añade de forma automática datos de gráficos para enseñar algo. No obstante, si quiere mostrar su propia información, debe importarla utilizando uno de los cinco métodos. usted puede:

  • Importar datos de un fichero (probablemente la forma más común)
  • Importar datos de URL
  • Esa es otra tabla
  • Importar desde WordPress (solo versión profesional)
  • Importar datos manualmente (solo versión profesional)
Importar datos de gráficos

Importar datos de gráficos

En este ejemplo, los datos se importaron de un fichero CSV. Viene de ficheros de Excel, que es una de las maneras más frecuentes de importar datos en tablas o gráficos de WordPress. Si está importando información sobre un fichero, haga clic en el botón "Elegir fichero", busque el fichero en su computadora y lleve a cabo click en el botón "Importar" en el panel de WordPress.

Esto debería ofrecerle una perspectiva de la información de la izquierda. La buena nueva es que siempre puede regresar atrás y cambiar el formato del archivo CSV y también intentarlo nuevamente. En el siguiente paso, hay muchas herramientas de personalización a fin de que las cosas se vean mejor.

Paso 4: Edite su gráfico de WordPress

Bajo todas y cada una de las opciones de importación hay un pequeño link que dice "Avanzado". Haga clic en este botón para poder ver la configuración personalizada. Hay muchas maneras de jugar, por lo que no las cubriremos todas y cada una aquí.

Pero tenemos la posibilidad de comenzar con el título del gráfico. Puse algo "¿Dónde se encuentra tu tiempo?" Pues el gráfico exhibe el porcentaje de tiempo que la gente dedican a determinadas tareas durante el día. También puedo cambiar la fuente, el tamaño, el color y la posición del título.

Gráfico personalizado de WordPress

Gráfico personalizado de WordPress

Si explora la configuración, verá múltiples pestañitas para la configuración general, la configuración de los sectores, las interfaces, etcétera. seguramente desee elegir dónde está la historia de historia legendaria porque esta es una parte esencial del gráfico.

Además de esto, todo es dependiente de los tipos de gráficos conformados y los elementos mostrados. Sospecho que esto es un gráfico de WordPress de un grupo de mis alumnos. De ahí que deseo dejarle imprimir y bajar datos y gráficos.

Configuración de gráficos de WordPress

Configuración de gráficos de WordPress

Puede hacer esto yendo a la pestaña UI. Esto exhibe casillas de verificación que dejan a los usuarios imprimir y copiar datos. También puede darles hojas de cálculo de Excel y ficheros CSV descargables. Una vez que haya editado el gráfico, debe guardarlo.

Paso 5: copia el código corto a la página o al mensaje

Tras almacenar la tabla o el gráfico de WordPress, regrese a la biblioteca Visualizer. Verá una lista de gráficos y puede filtrar por género de gráfico. Como solo tengo un gráfico ahora mismo, puedo considerarlo como la única opción de inmediato. Para publicar su gráfico de WordPress en una página o publicación, deberá copiar y pegar el código corto del gráfico en la página o publicación que desee. El código corto está debajo de la perspectiva del gráfico (vea la captura de pantalla a continuación).

Código corto para gráficos de WordPress

Código corto para gráficos de WordPress

Después de copiar el código corto, cree una página o mensaje o vaya a una página publicada. Busque la localización del gráfico que desea y péguelo en el código corto.

Paso 6: muestra el gráfico de WordPress en la interfaz

Le sugiero que revise la tabla antes de presionar el botón de liberación. Esto le deja comprender de qué manera se sienten los individuos, especialmente cuando los cuadros y gráficos de WordPress pueden ser bastante rigurosos. Si observa la captura de pantalla a continuación, verá una vista previa del gráfico de prueba en la parte de adelante del sitio web. Los botones de imprimir y cargar están perceptibles, y cuando se desplaza hacia abajo en el gráfico de WordPress, tiene lindas animaciones y los colores y los elementos del título se ven geniales.

Mostrar gráfico / diagrama

Enseñar gráfico / diagrama

Los cambios se efectúan rápidamente en la perspectiva en el mismo instante, con lo que puede ver de qué forma afectan el gráfico sin guardar la página y mostrarla en una nueva pestañita. Hay una característica más que vale la pena nombrar y es excelente. Además de editar la configuración de estilo del gráfico, asimismo puede modificar los datos del gráfico cargando otro fichero, reemplazando los datos auténticos y sustituyendo los datos antiguos con datos nuevos.

¿Cuestiones sobre la creación de un gráfico de WordPress?

Todos los gráficos y diagramas de WordPress tienen funcionalidades diferentes. Lo destacado de estas extensiones es que tienes toda la flexibilidad de todo el mundo. En consecuencia, le recomiendo que se tome el tiempo para probar sus gráficos y comprender las implicaciones de cada cambio de configuración. Luego, eventualmente, te transformas en un maestro de gráficos y la multitud te pregunta de qué forma hacerlo. Si tiene alguna pregunta o idea sobre la creación de cuadros y gráficos de WordPress, agregue una línea a los comentarios ahora.


Ahorre tiempo, dinero y maximice el rendimiento del lugar:

  • Asistencia inmediata de especialistas en hosting de WordPress, 24 horas al día, 7 días a la semana.
  • Integración de Cloudflare.
  • La audiencia global incluye 28 centros de datos en el mundo entero.
  • Aproveche la supervisión integrada del desempeño de las aplicaciones para optimizar.

Todo esto y mucho más en un solo plan sin contratos en un largo plazo, soporte de reubicación y una garantía de devolución de dinero de 30 días. Consulte los proyectos o hable con un gerente de ventas para hallar un plan que ande para usted.

Deja una respuesta

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

Subir