Kuinka lisätä kaavioita WordPress -sivustoon?

Joskus sinun on selitettävä aihe käyttäjillesi paljon tilastotietoja. Se kyllästyttää lukijaasi, jos yrität näyttää teknisten tietojen analyysin teksti-, kuva- tai videomuodossa. Vaikka voit käyttää taulukoita, sillä on rajoituksia, kuten sisällön täyttäminen pienemmälle alueelle. Paras tapa on käyttää kaavioita, joita käytät PowerPoint- tai Keynote -esityksissä. Kaavio on hyödyllinen työkalu, joka esittelee data -analyysisi graafisen esityksen. Keräätpa sitten tutkimustietoa tai jaat data -analyysiä tietystä aiheesta, tällaisten tietojen esittämiseen ei ole parempaa työkalua kuin kaaviot.

Kaavioiden lisäämisen edut WordPressissä

Saatat ihmetellä, miksi sinun on lisättävä kaavioita sivustollesi, kun voit luoda kaavioita tehokkaalla kaavionmuodostustyökalulla, kuten Excelillä, ja lisätä kuvakaappauksen viestiisi/ sivullesi. Vaikka tämä menetelmä toimii, se ei ehkä ole paras vaihtoehto monissa tilanteissa.

Kaavioiden upottaminen WordPress -tarjoukseen:

• Yksi konsolidoitu alue kaikille kaavionkehitystehtäville.
• Nopea tapa muokata kaavioita päivittääksesi muutokset.
• Interaktiivisia lisäominaisuuksia.

Onneksi on olemassa lukuisia WordPress -laajennuksia, jotka yksinkertaistavat kaavioiden julkaisemisprosessia verkkosivustollasi. Tässä viestissä keskitymme siihen, miten voit lisätä kaavioita WordPress -sivustolle Visualizer WordPress -laajennuksen avulla. Selitämme myös muita vaihtoehtoja WPBakery Page Builder- ja Bootstrap -edistymispalkkeilla.

Asenna ja aktivoi Visualizer -laajennus

• Siirry "Lisää uusi" -laajennukseen ja etsi "Visualizer". Asenna ja aktivoi laajennus.

Visualizer -laajennus

• Laajennus on ilmainen, mutta voit päivittää Pro -versioon saadaksesi lisää ominaisuuksia. Se tukee erilaisia ​​kaavioita, kuten ympyräkaavioita, aluekaavioita ja viivakaavioita.

Luo ja lisää kaavio WordPressissä

• Jos haluat lisätä uusia kaavioita, siirry hallintapaneelisi "Media" -valikkoon ja valitse "Visualizer Library".

Hallitse kaavioita

• Jos kirjastossa on jo kaavioita, ne näytetään eri välilehdillä tyypistä riippuen.

Kaavioiden luettelo

• Voit luoda kaavion napsauttamalla Lisää uusi -painiketta Visualizer -sivun yläosassa.
• Valitse luotavan kaavion/kaavion tyyppi ja napsauta "Seuraava" sivun alareunassa.

Valitse kaavion tyyppi

• Kaavion tiedot -osiossa voit tuoda tiedot CSV -tiedostosta tai URL -osoitteesta. Valitse yksi vaihtoehdoista sen mukaan, mihin olet tallentanut tiedot.

Tuo tiedot

• Meidän tapauksessamme meillä on tiedot CSV -tiedostossa. Joten selaamme tiedoston ja napsautamme "Tuo".

Kaavion CSV -tiedosto

• Laajennus luo kaavion automaattisesti puolestasi.

Luotu kaavio

Kaavion asetusten mukauttaminen

• Avaa kaavion asetukset napsauttamalla kaaviotietojen alareunassa olevaa Lisäasetukset -linkkiä.

Laajennuksen lisäasetukset

• Tämä avaa oikealla olevan "Kartta -asetukset" -paneelin ja tarjoaa erilaisia ​​vaihtoehtoja kaavion mukauttamiseen.
• Yleiset asetukset -kohdassa voit lisätä kaavion otsikon, määrittää kirjasinperheen, koon ja värin sekä selitteen sijainnin.

Yleinen asetus

• Laajenna "Pie Chart Settings” -vaihtoehdot ja valitse 3D -asetuksiksi “Yes”, jos haluat 3D -keskustelun.
• Voit myös asettaa viipaleen tekstisisällön, aloituskulman ja luokkien järjestyksen muiden kaavioelementtien joukkoon.

Kaavion asetukset

• Voit myös määrittää muita asetuksia, kuten:
• Asettelu ja kaavioalue – Muuta kaavion alueen, taustavärin ja marginaalien kokoa.

Asetteluasetukset

• Käyttöliittymän toiminnot-Salli/ lukitse tulostus, kopiointi tai lataaminen kaavioon tai tietoihin.
• Jäännösasetukset – parantaaksesi kartan näkyvyyttä ja niin edelleen.
• Kun olet mukauttanut asetuksia, napsauta "Luo/ tallenna kaavio" sivun alareunassa.

Luo kaavio

SEO -tarjous: Optimoi sivustosi Semrush Pro -sovelluksen 14 päivän ilmaisella kokeilujaksolla.

Kaavion upottaminen WordPress -sivulle tai -viestiin

• Lisää uusi tai avaa olemassa oleva viesti visuaalisessa editorissa. Valitse sijainti, jossa haluat näyttää kaavion.
• Lisää uusi lohko ja valitse Visualizer Chart yleisten lohkojen alta.

Lisää kaavio

• Jos käytät perinteistä viestieditoria, voit napsauttaa työkalupalkin visualisointikaavion kuvaketta.

Klassinen vaihtoehto

• Napsauta Näytä nykyinen kaavio -vaihtoehtoa näyttääksesi jonkin aiemmin luoduista kaavioista.

Valitse Kaavio

• Valitse upotettava kaavio kaavakirjastoluettelosta.

Lisää kaavio

• Napsauta "Valmis" lohkon alareunassa. Voit myös säätää kaavion asetuksia oikeasta sivupalkista.

Lisäys valmis

• Napsauta nyt "Esikatselu" -painiketta tarkistaaksesi kaavion ja sitten "Julkaise" julkaistaksesi kaavion.

Edestä näkymä

Aiheeseen liittyviä: Kuinka asentaa WordPress paikallisesti Macille MAMP: n avulla?

Huomautus:

• Voit luoda useita kaavioita samalle tietojoukolle.
• Visualizer Pron avulla käyttäjät voivat tuoda tietoja tietokannasta, muista kaavioista, verkkosivustoista ja manuaalisesti.

2 Luo kaavioita WPBakery Page Builder -ohjelmalla

On monia muita vaihtoehtoja, kuten Google -kaavioita tai muita laajennuksia, kuten WPBakery Page Builder. Visual Composer tai WPBakery Page Builder plugin tarjotaan niputettu plugin monia suosittuja teemoja. Se tarjoaa monenlaisia ​​kaavioita animaatioilla. Jos sinulla on tämä laajennus, kaavioita on helppo lisätä muutamassa minuutissa.

Millä tahansa sivulla tai viestissä voit napsauttaa "Lisää elementtejä" ja etsiä "kaavio". Löydät erilaisia ​​kaavioita, kuten piirakka, pyöreä, viiva ja ympyrä. Valitse kaavion elementti ja lisää se sivustoosi.

WPBakery Page Builder -kaaviot

Voit muokata kaaviota ja lisätä mukautettuja arvoja luodaksesi kaavion heti. Kaavion luominen tällä laajennuksella kestää vain muutaman minuutin.

3 Bootstrap Progress -palkkien käyttäminen

Jotkut WordPress -teemat käyttävät Bootstrap -kehystä pohjana. Jos sinulla on Bootstrap -pohjainen WordPress -teema, voit lisätä vaakasuuntaisia ​​edistymis- tai taitopalkkeja sivustollesi käyttämällä tavallisia edistymispalkkeja. Alla on esimerkki siitä, miltä Bootstrap 4: n edistymispalkit näyttävät:

Esimerkki edistymispalkista

Yhteenveto

Kaaviot ja kaaviot voivat parantaa verkkosivuston sisällön laatua ja parantaa vierailijoiden kokemusta. Niiden avulla voidaan tehdä yhteenveto monimutkaisista tiedoista, tutkimustuloksista tai mistä tahansa muusta kerronnasta, joka voi olla tylsää lukijoille. Visualizer -laajennuksen avulla voit luoda, hallita ja lisätä vuorovaikutteisia kaavioita WordPress -sivuille/viestiin minuutin kuluessa. Laajennus on käyttäjäystävällinen ja erittäin muokattavissa, ja se tarjoaa erilaisia ​​kaaviotyyppejä kaikkiin visualisointitarpeisiisi ympyräkaavioista, pistekaavioista maantieteellisiin kaavioihin. Lisäksi laajennus on ilmainen, mutta voit päivittää Pro -versioon saadaksesi lisäominaisuuksia.

Sinulla on myös vaihtoehtoja, kuten Google -kaaviot, Visual Composer tai Bootstrap -kaaviot tarpeidesi mukaan.