TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til diagrammer på WordPress -nettstedet?

0

Noen ganger må du forklare emnet for brukerne dine med mange statistiske data. Det vil kjede leseren din hvis du prøver å vise den tekniske dataanalysen i et tekst-, bilde- eller videoformat. Selv om du kan bruke tabeller, har det begrensninger som å fylle innholdet på et mindre område. Den beste måten er å bruke diagrammer som du bruker på PowerPoint- eller Keynote -presentasjoner. Diagram er et nyttig verktøy for å vise frem den grafiske fremstillingen av dataanalysen din. Enten du samler forskningsdata eller deler dataanalyse om et gitt emne, er det ikke noe bedre verktøy for å presentere slik informasjon enn diagrammer.

Fordeler med å legge til diagrammer i WordPress

Du lurer kanskje på hvorfor du må legge til diagrammer på nettstedet ditt mens du kan lage diagrammer med et kraftig grafbyggingsverktøy som Excel og sette inn et skjermbilde av det samme i innlegget/ siden din. Selv om denne metoden fungerer, er det kanskje ikke det beste alternativet i mange situasjoner.

Legge inn diagrammer i WordPress -tilbud:

  • Et enkelt konsolidert område for alle dine grafutviklingsoppgaver.
  • En rask måte å redigere diagrammene for å oppdatere eventuelle endringer.
  • Ekstra interaktive funksjoner.

Heldigvis er det mange WordPress -plugins for å forenkle prosessen med å publisere diagrammer på nettstedet ditt. I dette innlegget vil vi fokusere på hvordan du kan legge til diagrammer på WordPress -nettstedet med Visualizer WordPress -plugin. Vi vil også forklare andre alternativer med WPBakery Page Builder og Bootstrap fremdriftslinjer.

Installer og aktiver Visualizer Plugin

Hvordan legge til diagrammer på WordPress -nettstedet?

Plugin til Visualizer

  • Programtillegget er gratis, men du kan oppgradere til Pro -versjonen for å få flere funksjoner. Den støtter en rekke diagrammer, blant annet sektordiagrammer, arealdiagrammer og linjediagrammer.

Lag og legg til diagram i WordPress

  • For å legge til nye diagrammer, gå til "Media" -menyen på dashbordet og velg "Visualizer Library".

Hvordan legge til diagrammer på WordPress -nettstedet?

Administrer diagrammer

  • Hvis du allerede har diagrammer i biblioteket, vil de bli vist under forskjellige faner avhengig av typen.

Hvordan legge til diagrammer på WordPress -nettstedet?

Kartliste

  • For å lage et diagram, klikk på "Legg til nytt" -knappen øverst på Visualizer -siden.
  • Velg typen diagram/graf du vil lage, og klikk "Neste" nederst på siden.

Hvordan legge til diagrammer på WordPress -nettstedet?

Velg diagramtype

  • Under delen "Kartdata" kan du importere dataene fra en CSV -fil eller URL. Velg et av alternativene, avhengig av hvor du har lagret dataene.

Hvordan legge til diagrammer på WordPress -nettstedet?

Importer data

  • For vår sak har vi dataene i en CSV -fil. Så vi søker etter filen og klikker "Importer".

Hvordan legge til diagrammer på WordPress -nettstedet?

CSV -fil for diagram

  • Programtillegget genererer automatisk diagrammet for deg.

Hvordan legge til diagrammer på WordPress -nettstedet?

Generert diagram

Tilpasse kartinnstillinger

  • Nederst i alternativene for kartdata klikker du på koblingen "Avansert" for å åpne kartinnstillingene.

Hvordan legge til diagrammer på WordPress -nettstedet?

Avanserte plugin -innstillinger

  • Dette åpner "Kartinnstillinger" -panelet til høyre, og gir forskjellige alternativer for å tilpasse diagrammet.
  • Under "Generelle innstillinger" kan du legge til en diagramtittel, angi skriftfamilien, størrelsen og fargen, samt forklaringsposisjonen.

Hvordan legge til diagrammer på WordPress -nettstedet?

Generell innstilling

  • Utvid alternativene "Innstillinger for kakediagram", og velg "Ja" for 3D -innstillingene hvis du vil ha en 3D -chat.
  • Du kan også stille inn tekstinnholdet, startvinkelen og rekkefølgen på kategorier blant andre diagramelementer.

Hvordan legge til diagrammer på WordPress -nettstedet?

Kartinnstillinger

  • Du kan også konfigurere andre innstillinger, for eksempel:
  • Layout og diagramområde – Endre størrelse på diagramområdet, bakgrunnsfargen og margene blant andre alternativer.

Hvordan legge til diagrammer på WordPress -nettstedet?

Layoutinnstillinger

  • Front-End-handlinger-Tillat/ lås utskrift, kopiering eller nedlasting av diagram eller data.
  • Innstillinger for rester – for å forbedre kartets synlighet og så videre.
  • Etter å ha tilpasset innstillingene, klikker du på "Opprett/ lagre diagram" nederst på siden.

Hvordan legge til diagrammer på WordPress -nettstedet?

Lag diagram

SEO -tilbud: Optimaliser nettstedet ditt med Semrush Pro 14 dagers gratis prøveperiode.

Legge inn diagram i WordPress -side eller innlegg

  • Legg til et nytt eller åpent eksisterende innlegg i det visuelle redigeringsprogrammet. Velg stedet der du vil vise diagrammet.
  • Legg til en ny blokk og velg "Visualizer Chart" under de vanlige blokkene.

Hvordan legge til diagrammer på WordPress -nettstedet?

Legg til diagram

  • Hvis du bruker det klassiske innleggsredigeringsprogrammet, kan du klikke på visualiseringsdiagramikonet på verktøylinjen.

Hvordan legge til diagrammer på WordPress -nettstedet?

Klassisk alternativ

  • Klikk på alternativet "Vis et eksisterende diagram" for å vise et av de tidligere opprettede diagrammene.

Hvordan legge til diagrammer på WordPress -nettstedet?

Velg diagram

  • Velg diagrammet du vil bygge inn fra kartbiblioteklisten.

Hvordan legge til diagrammer på WordPress -nettstedet?

Sett inn diagram

  • Klikk "Ferdig" nederst i blokken. Du kan også justere kartinnstillingene fra det høyre sidepanelet.

Hvordan legge til diagrammer på WordPress -nettstedet?

Ferdig med innsetting

  • Klikk nå på "Forhåndsvisning" -knappen for å sjekke diagrammet og deretter "Publiser" for å publisere diagrammet.

Hvordan legge til diagrammer på WordPress -nettstedet?

Sett forfra

Relatert: Hvordan installere WordPress lokalt på Mac ved hjelp av MAMP?

Merk:

  • Du kan lage flere diagrammer for det samme datasettet.
  • Visualizer Pro lar brukerne importere data fra en database, andre diagrammer, nettsteder og manuell oppføring.

2 Lag diagrammer ved hjelp av WPBakery Page Builder

Det er mange andre alternativer for deg som å bruke Google Charts eller bruke andre plugins som WPBakery Page Builder. The Visual Composer eller WPBakery Page Builder plugin tilbys som en samlet plugin med mange populære temaer. Den tilbyr flere typer diagrammer med animasjoner. Hvis du har denne pluginen, er det veldig enkelt å sette inn diagrammer på få minutter.

På en hvilken som helst side eller et innlegg kan du klikke på "Legg til elementer" og søke etter "diagram". Du kan finne forskjellige diagrammer som kake, rund, linje og sirkel. Velg diagramelementet og sett det inn på nettstedet ditt.

Hvordan legge til diagrammer på WordPress -nettstedet?

WPBakery Page Builder Charts

Du kan redigere diagrammet og legge til dine egendefinerte verdier for å lage diagrammet umiddelbart. Det vil bare ta noen minutter å lage diagram med denne pluginen.

3 Bruke Bootstrap -fremdriftslinjer

Noen av WordPress -temaene bruker Bootstrap -rammeverket som en base. Hvis du har et Bootstrap -basert WordPress -tema, kan du bruke standard fremdriftslinjer -komponent til å sette inn horisontale fremdrifts- eller ferdighetslinjer på nettstedet ditt. Nedenfor er et eksempel på hvordan Bootstrap 4 fremdriftslinjer vil se ut:

Hvordan legge til diagrammer på WordPress -nettstedet?

Fremdriftslinje Eksempel

Sammendrag

Diagrammer og grafer kan øke kvaliteten på nettstedets innhold og øke besøkendes opplevelse. De kan brukes til å oppsummere komplekse data, forskningsfunn eller andre fortellinger som kan være kjedelige for leserne. Visualizer -pluginet lar deg lage, administrere og sette inn interaktive diagrammer på WordPress -sider/-innlegg i løpet av et minutt. Programtillegget er brukervennlig og svært tilpassbart, og tilbyr en rekke diagramtyper for alle dine visualiseringsbehov fra kakediagrammer, spredningsdiagram til geografiske diagrammer. Dessuten er programtillegget gratis, men du kan oppgradere til Pro -versjonen for å få tilgang til flere funksjoner.

Du har også alternativer som Google Charts, Visual Composer eller Bootstrap -diagrammer, avhengig av dine krav.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon