Gå til hovedindhold

Sådan oprettes et grafisk visualiseringsværktøj i WordPress

Divi: Det nemmeste WordPress tema at bruge

Divi: Det bedste WordPress tema hele tiden!

mere 901.000 downloads, Divi er det mest populære WordPress tema i verden. Den er komplet, nem at bruge og leveres med mere end 62 gratis skabeloner. [Anbefalet]

Ønsker du at tilføje søjler og diagrammer i WordPress, eller vil du finde ud af, hvordan du opretter et diagramvisualiseringsværktøj i WordPress?

Visuelle hjælpemidler som grafer, søjler, cirkeldiagrammer er en ideel måde til bedre at præsentere data i dine indlæg / sider.

I denne tutorial vil vi vise dig, hvordan du opretter bjælker og grafik med plugin Visualizer WordPress Diagrammer WordPress.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Problemet med søjler og grafik på WordPress

Der er mange WordPress-plugins til at tilføje søjler og grafik til dit indhold. De fleste brugere synes imidlertid, at disse værktøjer er vanskelige at bruge.

Opdag vores 8 WordPress plugins til at oprette diagrammer på din hjemmeside

Nogle af disse plugins kræver endda, at brugerne tilføjer data i en shortcode i meget komplicerede formater at huske.

I stedet for at bruge disse plugins, ender mange brugere med at oprette grafik i deres desktop-apps og konvertere dem til et billede.

Det fungerer muligvis, hvis du ikke planlægger at ændre noget. Imidlertid kan et billede ikke erstatte en interaktiv graf, hvor nyttelastdata vises, når brugeren bevæger musen over et bestemt afsnit.

Brug af grafik giver dig mulighed for at:

  • Tilføj data fra en datakilde på din computer eller på internettet.
  • Udfyld grafer, diagrammer og bjælker ved hjælp af dine data.
  • Opret fantastisk, interaktiv, farverig og lydhør grafik.
  • Mere vigtigt er det, at det skal give dig mulighed for at opdatere dataene, når du vil.

Når det er sagt, lad os se, hvordan Visualizer WordPress Charts hjælper dig med at komme dertil.

Sådan opretter du grafik med Visualizer WordPress-diagrammer

Den første ting du skal gøre er at installere og aktivere pluginet Visualizer WordPress Diagrammer. For yderligere detaljer, se vores guide trin for trin til, hvordan du installerer et WordPress-plugin.

Selvom den gratis version ikke gør alt, hvad du har brug for, tilbyder udviklerne af dette plugin også Visualizer WordPress Pro-diagrammer som tilføjer yderligere funktioner, såsom at tilføje data ved hjælp af et regneark som en grænseflade og importere data fra andre kilder.

Det koster 79 $ for en enkelt licens med et års kundesupport og opdateringer regelmæssig

Bemærk: Denne tutorial er baseret på den gratis version af plugin.

Efter aktivering skal du besøge siden " Medier> Visualizer-bibliotek ". Det er her al grafik vises.

hvordan man opretter et grafvisualiseringsværktøj

Du skal klikke på knappen « Tilføj For at tilføje din første graf.

Dette åbner et vindue på skærmen. Du vil se forskellige typer diagrammer tilgængelige. Vælg bare den type diagram, du vil tilføje, og klik på den næste knap for at fortsætte.

Opdag også Sådan tilføjes interaktive kort til dit WordPress-websted

liste over grafik til WordPress

Det næste trin er at tilføje din datakilde i CSV-format. Hvis du gemte dine data ved hjælp af et Excel-regneark, Google-regneark eller ethvert andet program, kan du bare eksportere dem som en CSV-fil.

Opdag også Sådan bruger plugin WP Ultimate CSV Import for at importere data på WordPress

Du kan downloade eller gemme din CSV-fil på din computer og derefter bruge den til at generere en graf.

Opret nemt dit websted med Elementor

Elementor giver dig mulighed for nemt at oprette ethvert webstedsdesign med et professionelt look. Stop med at betale dyre for hvad du selv kan gøre. [Gratis]

genererer en WordPress-grafik

Din CSV-fil skal have kolonnenavnene i den første række og datatypen i den anden række. Plugin understøtter datatyper: streng, nummer, boolsk, dato, tid, dato og tid på dagen.

Se på denne prøvefil, der er tilgængelig på Google Sheets.

Lær ved at opdage denne artikel Sådan eksporteres brugerdata til en CSV-fil

eksempel på Google Sheet data

Hvis du opretter en CSV-fil ved hjælp af en teksteditor, skal du kigge på denne eksempel-CSV-fil:

Browser, besøgsstreng, nummer Chrome, 7894 Firefox, 6754 Internet Explorer, 4230 Safari, 2106 Opera, 627

Tilføjelse af en graf til WordPress fra Google Drive regneark

Hvis du har dine data gemt som et regneark på Google Drev, kan du føje dem til dit diagram uden at eksportere det.

Vi råder dig også til at opdage vores 5 WordPress plugins til at integrere Google Drive på din hjemmeside

Åbn din datafil i Google Spreadsheets og klik på " Fil> Publicer til internettet '.

forLe udgive web google speadsheet

Dette åbner et vindue, hvor du skal vælge, hvordan du vil offentliggøre dette dokument. Du skal vælge " Kommaseparerede værdier (.csv) I rullemenuen.

WordPress dataeksporttilstand

Glem ikke at klikke på knappen « Udgiv For at få adgang til den offentliggjorte version af dine data.

Du vil se den offentlige URL til dit regneark som en CSV-fil. Du skal kopiere denne URL og gå tilbage til Visualizer-plugin-tabellen.

Klik på knappen fra web Og indtast URL'en til din Google Spreadsheet csv-fil.

google link til stilarket

Så snart du indtaster URL'en, søger pluginet efter din CSV-fil og viser en forhåndsvisning i realtid af dit diagram.

Du kan klikke på knappen Opret tabel for at gemme din graf.

Tilføjelse af en grafik til en artikel eller side

Hvis du vil tilføje en tabel eller et diagram til dine artikler og WordPress-sider, kan du gøre det lige så let som du tilføjer billeder til artikler / sider.

Cookies og WordPress: Sådan oprettes, hente og slette opdag dem ved at klikke på dette link

Opret et nyt indlæg / en ny side, eller rediger en eksisterende, hvor du vil tilføje tabellen. Klik på redigeringsskærmen på " Tilføj et medie Over den visuelle editor.

Leder du efter de bedste WordPress-temaer og plugins?

Download de bedste plugins og WordPress-temaer på Envato og nemt oprette dit websted. Allerede mere end 49.720.000 downloads. [EXCLUSIVE]

tilføje en ny WordPress medier

Dette åbner et pop op-vindue med dine medier. Du skal klikke på fanen "Visualiseringer" i venstre kolonne. Du finder al den grafik, du har oprettet og gemt på dette websted.

WordPress visning medier som f.eks

Klik på ikonet Indsæt nedenfor for at tilføje det. Pop-up forsvinder, og du vil se din tabel føjes til dit WordPress-indlæg som en shortcode.

tilsætning kort tabelform

Du kan nu gemme det på dine WordPress-artikler / sider og besøge dit websted for at se, hvordan det hele fungerer.

Rediger Visualizer plugin-grafik på WordPress

Du kan til enhver tid redigere og redigere dine diagrammer. Bare besøg Medier> Visualizer-bibliotek ". Fra denne side kan du klone en tabel, slette den eller ændre dens visuelle indstillinger.

ændring af WordPess-grafikken

Opdatering af data fra et eksisterende diagram uden at ændre tabellen er ret let med Visualizer.

Hvis du tilføjede data fra et Google-regneark, skal du blot navigere til følgende placering for at opdatere dataene: " Fil> Udgiv til internettet Og offentliggør dit regneark igen. Dine ændringer opdateres automatisk.

Vi inviterer dig også til at konsultere vores 10 WordPress plugins til at integrere Google Maps på din blog

På den anden side, hvis du downloadede en CSV-fil, skal du opdatere CSV-filen på din computer. Når du er færdig, skal du vælge det diagram, du vil opdatere, og klikke på linket til redigeringstabellen.

I afsnittet Upload Du skal bare uploade din nye CSV-fil. Ændringerne opdateres automatisk.

Tilføjelse af et diagram til et sidebjælke

Visualizer bruger kortkoder til at indsætte grafik. Bare gå til " Medier> Visualizer-bibliotek Du vil se en kort kode under hver af dine grafer.

Kopier kortnummeret og gå til " Udseende> Widgets ". Træk og slip en tekstwidget til din sidepanel, og indsæt kortkoden inde i widgetten.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andre WordPress-plugins til at give et moderne look og optimere grebet på din blog eller dit websted.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. WordPress PDO Crud

WordPress BOB Crud er et kraftfuldt plugin, der giver dig mulighed for at oprette formularer for at udføre operationer med at tilføje, ændre, slette data på grænsen.

Wordpress pdo crud wordpress plugins indsætte tabeller grafik hjemmeside blog form

Det tilbyder en smuk tabel, hvor du kan tilføje dine data på flere måder, som let kan defineres af enhver webmaster.

Dets vigtigste funktioner er: ayntaxe meget enkel, soport af flere udseende, gautomatisk generering af indsættelses- eller opdateringsformularer fra databasetabeller,visning af bestemte felter, sunderstøtter mange WordPress-plugins, f.eksxportation af data i pdf, xml, csv og excel, ditil personaliseringsindstillinger,flersproget overdel, rSøg på bestemte felter, oflere sletningspunkter, et mere.

Downloade demo | Web-hosting

2. Udvalgte lyd

Featured Audio er et fantastisk WordPress-plugin, der arvede de bedste HTML5-funktioner, som navnet antyder. Dette plugin giver dig mulighed for at justere lydstyrken for den valgte lyd for hvert indlæg og hver side. 

Fremhævede lydpræmie wordpress-plugins tilføjer lydafspiller

Som funktioner har vi blandt andet: sangen på forsiden, en lydafspiller, der fuldt ud understøtter HTML5, understøttelse af mobile enheder såsom: iPhone, iPad, Android og WP7, afspilning af lydfiler gemt i WordPress-mediebiblioteket , support til gamle browsere, support til lydformater: mp3, wav, ogg osv ..., flersproget og mange andre ...

Downloade | demo | Web-hosting

Opret nemt din online butik

Download gratis WooCommerce, de bedste e-handels-plugins til at sælge dine fysiske og digitale produkter på WordPress. [Anbefalet]

3. ChimpMate Pro

Chimpmate er MailChimp's pop-up WordPress-plugin, som vil hjælpe dig med at konvertere dine læsere til abonnenter. Det var designet til at øge din e-mail-liste uden at irritere besøgende med irriterende pop-ups.

Chimpmate pro

Det kan tilpasses fuldt ud, og du vil mestre hvornår og hvor pop-ups skal vises. Hans andre træk er: han fDet fungerer perfekt på flere browsere og har pflere planlægningsmuligheder, et fuldt tilpasseligt layout, alydhør kundeopport, jegperfekt integration med personalized name jewellery, en eFremragende cache-styring, perfekt integration med flere WordPress-temaer, Flersproget support takket være WPML-pluginOgikke meget mere.

Downloadedemo | Web-hosting

Andre anbefalede ressourcer

Vi inviterer dig også til at konsultere nedenstående ressourcer for at komme videre i grebet og kontrollen af ​​dit websted og blog.

Konklusion

Det er det! Det er det til denne tutorial. Jeg håber, det giver dig mulighed for bedre at vise kort og grafik på WordPress. du er velkommen til del tipet med dine venner på dine sociale netværk.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Men i mellemtiden, fortæl os om din kommentarer og forslag i det dedikerede afsnit.

...

Denne artikel indeholder kommentarer 0

Skriv en kommentar

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.

Tilbage til toppen
26 aktier
andel22
tweet3
Tilmeld1