Ø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 meget af WordPress plugins at tilføje søjler og grafer til dit indhold. De fleste brugere synes dog, at disse værktøjer er svære 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.
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
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.
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
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 '.
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.
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.
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/side eller rediger et eksisterende, hvor du vil tilføje tabellen. På redigeringsskærmen skal du klikke på " Tilføj et medie Over den visuelle editor.
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.
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.
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.
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 andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af din blog eller hjemmeside.
Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.
1. WordPress PDO Crud
WordPress PDO Crud er et kraftfuldt plugin, der giver dig mulighed for at oprette formularer for at udføre tilføjelse, ændring, sletning af frontend -data.
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, sstøtter mange WordPress plugins, detxportation 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
Udvalgt lyd er en fantastisk WordPress plugin som arvede de bedste HTML5-funktioner, som navnet antyder. Dette plugin giver dig mulighed for at justere lydstyrken på den valgte lyd for hvert indlæg og hver side.
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
3. ChimpMate Pro
Chimpansekammerat er WordPress plugin fra MailChimp Pop-up, som vil hjælpe dig med at konvertere dine læsere til abonnenter. Det blev designet til at udvide din e-mail-liste uden at irritere besøgende med irriterende pop-ups.
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 WooCommerce, en eFremragende cache-styring, perfekt integration med mange WordPress-temaer, Flersproget support takket være WPML-pluginOgikke meget mere.
Downloade | Demo | 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.
- Hvordan til at vise alle dine WordPress udgivelser på en enkelt side
- Sådan bruger kategorier og tags effektivt på WordPress
- Sådan tilføjes en WhatsApp-knap på en WordPress-blog
- Hvordan finder jeg en sponsor og tjener penge på din blog? : Vejledningen
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.
...
