Vil du legge til søyler og diagrammer i WordPress, eller vil du finne ut hvordan du lager et diagramvisualiseringsverktøy på WordPress?

Visuelle hjelpemidler som grafer, søyler, kakediagrammer er en ideell måte å presentere data bedre på innleggene / sidene dine.

I denne opplæringen vil vi vise deg hvordan du lager barer og grafikk med plugin-modulen Visualizer WordPress Charts WordPress.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Problemet med søyler og grafikk på WordPress

Det er mange WordPress plugins for å legge til søyler og grafer til innholdet ditt. Imidlertid synes de fleste brukere at disse verktøyene er vanskelige å bruke.

Oppdag vår 8 WordPress plugins for å lage diagrammer på nettstedet ditt

Noen av disse pluginene krever til og med at brukerne legger til data i en snarvei i veldig kompliserte formater å huske.

I stedet for å bruke disse pluginene, slutter mange brukere å lage grafikk i stasjonære apper og konvertere dem til bilde.

Det kan fungere hvis du ikke har tenkt å endre noe. Imidlertid kan et bilde ikke erstatte en interaktiv graf der nyttelastdataene vises når brukeren beveger musen over en bestemt seksjon.

Bruk av grafikk lar deg:

  • Legg til data fra en datakilde på datamaskinen eller på nettet.
  • Fyll grafer, diagrammer og søyler ved hjelp av dataene dine.
  • Lag flott, interaktiv, fargerik, responsiv grafikk.
  • Enda viktigere, det bør tillate deg å oppdatere dataene når du vil.

Når det er sagt, la oss se hvordan Visualizer WordPress Charts hjelper deg med å komme dit.

Hvordan lage grafikk med Visualizer WordPress Charts

Det første du må gjøre er å installere og aktivere pluginet Visualizer WordPress Charts. For mer informasjon, se vår guide trinnvis trinn for hvordan du installerer et WordPress-plugin.

Selv om gratisversjonen ikke gjør alt du trenger, tilbyr utviklerne av denne pluginen også Visualizer WordPress Pro-diagrammer som legger til flere funksjoner, for eksempel å legge til data ved å bruke et regneark som grensesnitt og importere data fra andre kilder.

Det koster 79 $ for en enkelt lisens med ett års kundestøtte og oppdateringer vanlig

Merk: Denne opplæringen er basert på den frie versjonen av plugin.

Etter aktivering må du gå til siden " Media> Visualizer-bibliotek ". Det er her all grafikken vises.

hvordan du lager et grafvisualiseringsverktøy

Du må klikke på knappen « Legg til For å legge til din første graf.

Dette vil få opp et vindu på skjermen. Du vil se forskjellige typer diagrammer tilgjengelig. Bare velg typen diagram du vil legge til, og klikk på neste knapp for å fortsette.

Oppdag også Slik legger du til interaktive kart til ditt WordPress-nettsted

liste over grafikk til WordPress

Det neste trinnet er å legge til datakilden din i CSV-format. Hvis du lagret dataene dine ved hjelp av et Excel-regneark, Google-regneark eller et annet program, kan du bare eksportere dem som en CSV-fil.

Oppdag også Hvordan bruke plugin WP Ultimate CSV Importer for å importere data på WordPress

Du kan laste ned eller lagre CSV-filen på datamaskinen din, og deretter bruke den til å generere en graf.

genererer en WordPress-grafikk

CSV-filen din må ha kolonnenavnene i den første raden og datatypen i den andre raden. Plugin støtter datatyper: streng, antall, boolsk, dato, klokkeslett, dato og klokkeslett.

Ta en titt på denne eksempelfilen, tilgjengelig på Google Sheets.

Lær ved å oppdage denne artikkelen Hvordan eksportere brukerdata til en CSV-fil

eksempel på Google Sheet data

Hvis du oppretter en CSV-fil ved hjelp av et tekstredigeringsprogram, kan du ta en titt på denne eksemplet på CSV-filen:

Nettleser, besøkende streng, antall Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627

Legge til et diagram til WordPress fra Google Drive-regneark

Hvis du har lagret dataene dine som et regneark på Google Disk, kan du legge dem til i diagrammet ditt uten å eksportere det.

Vi anbefaler deg også å oppdage våre 5 WordPress-plugin for å integrere Google Disk på nettstedet ditt

Åpne datafilen din i Google Regneark og klikk på " Fil> Publiser for Internett '.

forLe publisere web google speadsheet

Dette vil åpne et vindu der du skal velge hvordan du vil publisere dette dokumentet. Du må velge " Kommaseparerte verdier (.csv) I rullegardinmenyen.

WordPress dataeksportmodus

Ikke glem å klikke på knappen « Publiser For å få tilgang til den publiserte versjonen av dataene dine.

Du vil se den offentlige URL-en til regnearket som en CSV-fil. Du må kopiere denne URL-en og gå tilbake til Visualizer-plugin-tabellen.

Klikk på knappen fra Web Og skriv inn URL-adressen til Google Spreadsheet csv-filen.

google link til stylesheet

Så snart du skriver inn URL-en, vil pluginet søke etter CSV-filen og vise en forhåndsvisning i sanntid av diagrammet ditt.

Du kan klikke på opprett tabell-knappen for å lagre grafen.

Legge til en grafikk i en artikkel eller side

Hvis du vil legge til en tabell eller et diagram til artiklene og WordPress-sidene dine, kan du gjøre det like enkelt som du legger til bilder til artikler / sider.

Cookies og WordPress: Hvordan lage, hente og slette oppdag dem ved å klikke på denne lenken

Opprett et nytt innlegg/side eller rediger et eksisterende der du vil legge til tabellen. På redigeringsskjermen klikker du på " Legg til et media Over den visuelle redaktøren.

legge til en ny WordPress media

Dette vil få opp et popup-vindu med media. Du må klikke på "Visualiseringer" -fanen i venstre kolonne. Du finner all grafikken du har laget og lagret på dette nettstedet.

WordPress visning medier

Klikk på innsettingsikonet nedenfor for å legge til det. Pop-up vil forsvinne, og du vil se tabellen din legges til WordPress-innlegget ditt som en snarvei.

tilsette kart tabellform

Du kan nå lagre det på WordPress-artiklene / -sidene dine og besøke nettstedet ditt for å se hvordan det hele fungerer.

Rediger Visualizer-plugin-grafikk på WordPress

Du kan når som helst redigere og redigere diagrammer. Bare besøk Media> Visualizer-bibliotek ". Fra denne siden kan du klone en tabell, slette den eller endre visuelle innstillinger.

modifisering av WordPess-grafikken

Det er ganske enkelt å oppdatere data fra et eksisterende diagram uten å endre tabellen med Visualizer.

Hvis du la til data fra et Google-regneark, er alt du trenger å gjøre for å oppdatere dataene, å navigere til følgende sted: " Fil> Publiser for nettet Og publiser regnearket ditt. Endringene dine blir automatisk oppdatert.

Vi inviterer deg også til å konsultere vår 10 WordPress plugins for å legge inn Google Maps på bloggen din

På den annen side, hvis du lastet ned en CSV-fil, må du oppdatere CSV-filen på datamaskinen din. Når du er ferdig, velger du diagrammet du vil oppdatere, og klikker på redigeringstabellinken.

I seksjonen Last opp Du trenger bare å laste opp den nye CSV-filen. Endringene oppdateres automatisk.

Legge til et diagram i et sidefelt

Visualizer bruker kortkoder for å sette inn grafikk. Bare gå til " Media> Visualizer-bibliotek Du vil se en kortkode under hver av grafene dine.

Kopier kortnummeret og gå til " Utseende> Moduler ". Dra og slipp en tekstwidget til sidefeltet og lim inn koden i widgeten.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. WordPress PDO Crud

WordPress PDO Crud er et kraftig plugin som lar deg lage skjemaer for å utføre frontend -datatillegg, endring, sletting.

Wordpress pdo crud wordpress plugins sette inn tabeller grafikk nettsted bloggform

Det tilbyr en vakker tabell der du kan legge til dataene dine på flere måter, som enkelt kan defineres av en hvilken som helst webmaster.

Dets viktigste funksjoner er: ayntaxe veldig enkelt, sopport av flere utseende, gautomatisk generering av innsettings- eller oppdateringsskjemaer fra databasetabeller,visning av bestemte felt, sstøtter mange WordPress plugins, denxportering av data i pdf, xml, csv og excel, ditil personaliseringsinnstillinger,flerspråklig topport, rsøk på bestemte felt, oflere slettede ptioner, et mer.

Last ned dEMO | Webhotell

2. Utvalgte lyd

Utvalgt lyd er en flott WordPress Plugin som arvet de beste HTML5-funksjonene, som navnet antyder. Denne plugin-modulen lar deg justere volumet på den valgte lyden for hvert innlegg og hver side. 

Utvalgte lydpremium-wordpress-plugins legger til lydavspiller

Som funksjoner vil vi ha blant andre: sangen på forsiden, en lydavspiller som fullt støtter HTML5, støtte for mobile enheter som: iPhone, iPad, Android og WP7, avspilling av lydfiler lagret i WordPress mediebibliotek , støtte for gamle nettlesere, støtte for lydformater: mp3, wav, ogg, etc ..., flerspråklig og mange andre ...

Last ned | dEMO | Webhotell

3. ChimpMate Pro

Sjimpansekamerat er WordPress Plugin fra MailChimp Pop-up, som vil hjelpe deg å konvertere leserne dine til abonnenter. Den ble designet for å utvide e-postlisten din uten å irritere besøkende med irriterende popup-vinduer.

Sjimpanseproff

Den er fullstendig tilpassbar, og du vil mestre når og hvor du vil vise popup-vinduer. Hans andre trekk er: han fDen fungerer perfekt i flere nettlesere og har pflere planleggingsalternativer, en fullstendig tilpassbar layout, aresponsiv kundeopport, jegperfekt integrasjon med WooCommerce, en eUtmerket cacheadministrasjon, perfekt integrering med mange WordPress-temaerden Flerspråklig støtte takket være WPML-pluginOgikke mye lenger.

Last nedDemo | Webhotell

Andre anbefalte ressurser

Vi inviterer deg også til å konsultere ressursene nedenfor for å komme videre i grepet og kontrollen av nettstedet og bloggen din.

konklusjonen

Det er det! Det er det for denne opplæringen. Jeg håper det vil tillate deg å bedre vise kart og grafikk på WordPress. Føl deg fri til å del tipset med vennene dine på dine sosiale nettverk.

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Men i mellomtiden, fortell oss om din commentaires og forslag i den dedikerte delen.

...