Sådan integreres Google Sheets til WordPress (tabeller og diagrammer)
Brug for at integrere Google Sheets til WordPress? I dette indlæg lærer vi dig, hvordan du tilføjer Google Sheets-data til WordPress på to måder:
- Visuelle diagrammer – brug et Google Sheets-regneark til at generere søjlediagrammer, linjediagrammer, cirkeldiagrammer og masser af andre formater.
- Borde – integrer et Google Sheets-regneark som en responsiv tabel sammen med nyttige funktioner som søgning og filtre.
Vi viser dig trin for trin, hvordan du gør dette ved hjælp af det gratis Visualizer-plugin – ingen kode kræves.
Contents
Hvordan Visualizer hjælper dig med at integrere Google Sheets til WordPress
Fuld offentliggørelse – Visualizer er et ThemeIsle-plugin. Det giver dig mulighed for at hente data fra Google Sheets (og andre kilder) og omdann det til en professionel graf eller tabel på dit WordPress-sted.
Ud over at oprette grundlæggende datatabeller giver Visualizer dig også adgang til en bred vifte af diagrammer og tabelformater. Alt hvad du skal gøre er at formatere dataene på en måde, som plugin kan forstå, og det vil generere klar-til-gå-grafer til dig:
Visualizer kan også hjælpe dig med at inkludere tabeller med avancerede funktioner såsom pagination, intern søgning og filtrering. Det betyder, at selvom de data, du importerer, allerede bruger en tabel, kan plugin stadig hjælpe dig med at gøre dem mere brugervenlige.
Med premium-versionen kan du endda autosynkronisere diagrammer – når du opdaterer dine data i Google Sheets, synkroniseres disse ændringer automatisk med dit WordPress-sted.
Sådan føjes Google Sheets til WordPress ved hjælp af Visualizer (i tre trin)
Hvis du vil følge denne tutorial, har du brug for to ting:
- Dine eksisterende data i Google Sheets.
- Den gratis Visualizer-plugin. Du vil installere og aktivere det, før du fortsætter med selvstudiet.
Trin 1: Tilføj et nyt diagram, og vælg, hvilken stil du vil bruge
Når plugin er aktivt, får du adgang til en ny Visualizer fanen i dit betjeningspanel. Hvis du klikker på det, ser du en liste over alle dine eksisterende diagrammer. Klik på Tilføj ny knappen øverst for at komme i gang:
Den første ting, du skal gøre, er at vælge en stil til dine Google Sheets-data. Hvilken du skal vælge afhænger af dine data, og hvad du vil have læsere til at fjerne fra dem:
- Sådan integreres en datatabel, Vælg Bord diagram stil.
- At integrere visuelle diagrammer, Du kan vælge mellem en række forskellige diagramformater.
For et visuelt diagram vil du vælge den stil, der bedst hjælper dig med at visualisere dine Google Sheets-data. CodeinWP har nogle gode tip til, hvordan du vælger den rigtige diagramstil for dine data.
Trin 2: Importer dataene fra Google Sheets
Ved hjælp af den gratis version af Visualizer kan du importere data fra en .csv fil, en URL eller indtast den manuelt. For at tilføje Google Sheets til WordPress, skal du vælge Importer data fra URL og vælg Engangsimport:
Hold denne fane åben i øjeblikket og kør videre til Google Sheets for at hente dine data. Lad os sige, at du har en meget enkel tabel, der viser dig forskellige mængder frugt:
Dataene er temmelig enkle at forstå, men du bliver nødt til at give Visualizer-plugin lidt mere sammenhæng, så det forstår, hvordan de vises. Til dette formål understøtter plugin flere strenge, det bruger til at kategorisere data, herunder:
- snor
- nummer
- boolean
- dato
- tidsdato
- tid på dagen
Til dette eksempel er alt, hvad vi har brug for, strenge og tal. Du kan lade plugin vide, hvilken kolonne der repræsenterer hvilket element ved at tilføje de to strenge øverst, lige under kolonnetitlen:
Nu er dataene klar til, at plugin kan udføre sit arbejde. For at generere den URL, du har brug for til WordPress, skal du åbne Google Sheets Fil menu og vælg Publicer på nettet:
I den menu, der dukker op, skal du vælge Hele dokumentet og Kommaseparerede værdier (.csv), tryk derefter på Offentliggøre knap:
Nu giver Google Sheets dig et link, du kan bruge til at dele dine data. Kopier linket, og vend tilbage til Visualizer-guiden i WordPress. Indsæt det i det tilsvarende felt:
Klik på Importere knappen og plugin genererer automatisk en forhåndsvisning af diagrammet eller tabellen til venstre:
Til sidst skal du vælge Opret kort knappen og Visualizer gemmer grafen i dit bibliotek.
Den samme proces ovenfor fungerer for nogen af de diagrammer, grafer eller tabeller, som Visualizer giver dig mulighed for at oprette. Nedenfor er standardtabellen, inden du importerer Google Sheets-data:
Visualizer giver dig også mulighed for at sortere elementer i dine tabeller afhængigt af deres værdier.
På ethvert tidspunkt kan du tjekke dine tilgængelige grafer, diagrammer og tabeller ved at navigere til Visualizer> Chart Library:
Hvis du vil ændre nogen af de datavisualiseringer, du opretter ved hjælp af plugin, er der en redigeringsknap under hver af dem.
Trin 3: Vis dit nye diagram i WordPress
Nu hvor du har importeret dine Google Sheets-data til WordPress og brugt dem til at generere et diagram eller en tabel, er det tid til at offentliggøre dem.
Der er to måder, du kan tilføje visualiseringer til dine indlæg eller sider:
- kortkoder
- blokke
Hvis du ser nøje, vil du bemærke en kort kode under hver tabel eller diagram:
Du kan kopiere den korte kode og placere den hvor som helst du ønsker på dit websted.
Den anden metode er at åbne Block Editor og tilføje en Visualizer Chart bloker for dit indlæg eller side:
Redaktøren spørger, om du vil vise et eksisterende kort eller oprette et nyt. Hvis du vælger den tidligere indstilling, vil du se en liste over alle dine tilgængelige diagrammer – gå videre og vælg en:
Når kortet er inde, kan du redigere blokken som du ville gøre. Visualizer-plugin giver dig mulighed for at tilpasse dine diagrammer mens du er på farten, inklusive deres layout og stil:
Hver type kort har sine egne specifikke indstillinger, som du kan justere for at tilpasse det. For eksempel med en tabel kan du tilpasse indstillingerne for pagination og aktivere lydhørhed, så den kan læses på mobile enheder:
Husk, at hvis du bruger den gratis version af plugin, opdateres dine diagrammer og tabeller ikke automatisk, hvis du foretager ændringer i kildearket i Google Sheets. Du bliver nødt til at generere en ny URL ved hjælp af Google Sheets, hvis du vil foretage en opdatering.
Konklusion
Regneark er måske ikke sexet, men visuelle repræsentationer af dem kan bestemt være. Ved hjælp af det rigtige værktøj kan du nemt trække data fra Google Sheets til WordPress og i processen vise dem på en måde, som dine besøgende vil kunne forstå et øjeblik.
Med det gratis Visualizer-plugin kan du gennemføre denne nøjagtige proces i tre trin:
- Opret et nyt diagram eller tabel, og vælg, hvilken stil der skal bruges.
- Importer dataene fra Google Sheets.
- Rediger og vis dit diagram i WordPress.
Hvis du automatisk vil synkronisere Google Sheets med WordPress og få adgang til andre nye funktioner, kan du også opgradere til premium-versionen af Visualizer.
For mere om, hvordan man arbejder med tabeller og diagrammer på WordPress, kan du se vores samlinger af de bedste:
- Tabel plugins
- Diagrammer og grafer plugins
Har du spørgsmål om, hvordan du integrerer Google Sheets til WordPress? Lad os gennemgå dem i kommentarfeltet nedenfor!
