Kuinka luoda taulukoita WordPressissä – Qode Interactive

Taulukoiden lisääminen verkkosivustolle on erinomainen tapa järjestää dataa ja esittää se ytimekkäästi, loogisesti ja kattavasti. Halusitpa sitten jakaa tietoja, tilastoja tai luoda vertailuja, taulukkomuoto on ystäväsi. Se on hyvin järjestetty, puhdas, ja sellaisenaan sen avulla käyttäjät voivat lukea tiedot yhdellä silmäyksellä.

Tässä opetusohjelmassa näytämme sinulle kaksi tapaa luoda WordPress-taulukoita. Yksi on ei-liitännäinen tapa, joka toimii vain Gutenbergissä. Toinen menetelmä vaatii laajennuksen asentamisen (valitsimme TablePressin, joka on tällä hetkellä markkinoiden paras taulukkolaajennus), ja sitä voidaan käyttää sekä Classic Editorissa että Elementorissa.

Kuinka luoda WordPress-taulukoita Gutenbergissä

Mahdollisesti helpoin tapa lisätä perustaulukoita WordPress-verkkosivustollesi on Gutenbergin käyttö. Koodausta ei vaadita, eikä sinun tarvitse asentaa kolmannen osapuolen laajennuksia – toiminnot toimitetaan valmiiksi editorin mukana.

Ensimmäinen asia, joka sinun tulee tehdä, on avata sivu tai viesti, jossa haluat näyttää taulukon, ja lisätä Pöytä lohko.

Taulukossa on oletusarvoisesti 2 saraketta ja 2 riviä.

Voit muuttaa näitä arvoja tarpeidesi mukaan ja sitten luoda taulukon napsauttamalla Luo-painiketta.

Kun taulukko on luotu, sinulla on mahdollisuus muokata sitä jossain määrin.

Ensimmäinen lohkon yläpuolelle sijoitettu vaihtoehto koskee itse lohkoa ja sen avulla voit tehdä sen muuttaa lohkotyyliä. Voit valita oletus- tai raidallisen välillä.

Toinen vaihtoehto antaa sinulle mahdollisuuden muokata koko taulukon kohdistusta (vasemmalle, keskelle tai oikealle).

Jos muutat mielesi ja päätät tehdä niin lisätä/poistaa sarakkeita tai rivejä taulukkoon tai siitä, Valitse Muokkaa taulukkoa vaihtoehto.

Neljäs vaihtoehto mahdollistaa sen muuttaa sarakkeen kohdistusta. Oletuksena se on asetettu vasemmalle, mutta voit asettaa sen joko keskelle tai oikealle.

Taulukon lisäasetukset näkyvät näytön oikealla puolella, jossa voit asettaa kiinteän taulukon solun leveyden sekä lisätä taulukkoon ylä- ja alatunnisteosioita.

Lisäksi, voit muuttaa taustarivin väriä ja valita yhden neljästä käytettävissä olevasta sävystä (tämä vaihtoehto on sijoitettu aivan alapuolelle Taulukon asetukset).

Jos haluat tehdä lisämuutoksia taulukkoosi ja muotoon tai luoda kehittyneempiä taulukoita, sinun on joko käytettävä hyvää ole’ koodausta tai asennettava tehokas laajennus. Jatkamme jälkimmäistä ja näytämme sinulle, kuinka saat kaiken irti TablePress-laajennuksesta.

Kuinka luoda WordPress-taulukoita TablePress-laajennuksella

TablePress on tällä hetkellä markkinoiden tehokkain taulukkolaajennus ja voit käyttää sitä ilmaiseksi. Sen avulla voit vaivattomasti luoda ja lisätä taulukoita verkkosivustollesi ja muokata niitä mielesi mukaan. Se sisältää paljon enemmän vaihtoehtoja kuin Gutenbergin Pöytä lohko ja on myös loistava ratkaisu, jos käytät klassista editoria, koska et voi lisätä siihen taulukoita, ellet ole valmis koodaamaan.

Kun aloitat uuden taulukon luomisen, sinulla on mahdollisuus tehdä se lisää sen nimi, kuvaus ja aseta sarakkeiden ja rivien määrä (oletusarvo on 5 x 5).

Kun kaikki parametrit on asetettu, paina Lisää taulukko -painiketta.

Näet sitten valtavan taulukkoeditorin, joka on jaettu useisiin osiin, jonka avulla voit syöttää tietoja ja käsitellä taulukkoa haluamallasi tavalla. Muokkausten määrä, jota voit tehdä, on todella hämmästyttävä.

Sivun yläosassa näet Taulukon tunnus. Tunnus on tärkeä, koska sinun on lisättävä se lyhytkoodiin [table id=<the-ID> /] jota käytät myöhemmin taulukon lisäämiseen sivulle. Tunnus on asetettu arvoon 1, mutta jos sinun pitäisi muuttaa sitä, muista muokata myös lyhytkoodia.

Alla Pöytä Sisältö, sinun tulee lisätä tietoja taulukkoosi. Voit muuttaa sekä sarakkeita että rivejä vetämällä ja pudottamalla niiden sijaintia. Aseta hiiren osoitin sarakkeen nimen ja/tai rivin numeron päälle ja järjestä niiden paikat haluamallasi tavalla. Lisäksi, Jokaisen sarakkeen nimen vieressä on kaksi pientä nuolta, jotka auttavat sinua lajittelemaan sisällön aakkos- tai numerojärjestyksessä.

Jos napsautat kunkin solun oikeassa alakulmassa olevaa kolmion muotoa, voit tehdä sen muuttaa solun kokoa yksinkertaisesti vetämällä hiirtä.

TablePressin avulla voit lisätä taulukkoon tekstisisällön lisäksi myös linkkejä ja kuvia. Tätä varten sinun on ensin valittava solu, jossa haluat näyttää tällaisen sisällön. Sitten alle Taulukon manipulointi klikkaus Lisää linkki tai Lisää kuva.

Kun painat Lisää linkki -painiketta, näkyviin tulee ponnahdusikkuna, johon voit lisätä linkin ja päättää, avautuuko se uudelle välilehdelle vai ei. Voit myös linkittää sivustosi jo olemassa olevaan sisältöön.

Mitä tulee kuvien lisäämiseen, kun olet napsauttanut Lisää kuva -painiketta, mediakirjastosi avautuu, joten voit valita jonkin jo ladatuista tiedostoista tai lisätä uuden. Kun löydät haluamasi kuvan, napsauta Lisää taulukkoon -painiketta ja kuva näkyy valitussa solussa.

Voit lisätä/poistaa niin monta saraketta ja riviä kuin haluat, piilottaa ne, kopioida ne sekä yhdistää soluja.

Alla Taulukon asetukset, sinulla on siihen mahdollisuus lisää ylä- ja/tai alatunniste taulukkoosi, ota käyttöön vuorottelevat rivivärit, lisää CSS-luokkia ja paljon muuta.

Editorin viimeinen osa sisältää vaihtoehtoja, jotka mahdollistavat vierailijoille lajittele taulukko haluamallaan tavalla, käytä haku- ja suodatusvaihtoehtoja, näytä taulukon sivutus jne.

Kun olet tyytyväinen siihen, miltä kaikki näyttää, on aika tallentaa kaikki muutokset ja lisätä taulukko sivullesi. Kuten olemme aiemmin maininneet, sinun on käytettävä taulukkoeditorin yläosassa näkyvää lyhytkoodia tehdäksesi sen. Kopioi [table id=<the-ID> /] lyhytkoodi, siirry sivulle tai viestiin, jossa haluat esitellä taulukon, ja valitse haluamasi sivunrakennus. Jos käytät Gutenbergiä, liitä linkki kohteeseen Lyhyt koodi lohko. Klassisessa editorissa lisää linkki tekstieditoriin. Ja lopuksi, Elementor-käyttäjien on käytettävä Lyhyt koodi widget, johon heidän pitäisi lisätä linkki.

Toinen hieno asia TablePress-laajennuksessa on, että sen avulla voit vienti- ja tuontitaulukot. Voit valita vienti-/tuontimuodot, päättää, korvaako juuri tuotu taulukko olemassa olevan taulukon vai näytetäänkö se kokonaan uutena taulukkona ja paljon muuta. Viedyt tiedot voidaan lisätä Microsoft Exceliin, Google Sheetsiin tai mihin tahansa muuhun taulukkolaskentaohjelmaan.

Voit parantaa TablePress-laajennuksen tehoa ja viedä sen kokonaan uudelle tasolle lisäämällä siihen laajennuksia. The luettelo kaikista saatavilla olevista laajennuksista on vaikuttava ja sen avulla voit lisätä hienoja ominaisuuksia taulukoihisi, kuten rivisuodatus, sarakesuodatin ja monet muut. Laajennuksen tekijä varmisti, että voit käyttää niitä kaikkia maksutta, jopa niitä, jotka tulevat mukana Premium tag.

Johtopäätös

Jos aiot luoda yksinkertaisen pöydän, niin Gutenbergin Pöytä lohkon pitäisi riittää. Siinä on kaikki perusvaihtoehdot ja se on helppokäyttöinen. Lisäksi, jos osaat koodata, voit lisätä sen toimivuutta entisestään. Mutta jos koodaus ei ole juuri sinun vahvuutesi tai et halua vaivautua siihen ollenkaan, TablePress-laajennuksella on kaikki. Se varmistaa vaivattoman taulukoiden luomisen, joita voit muokata haluamallasi tavalla ilman, että sinun tarvitsee kuluttaa penniäkään taskustasi (vaikka lahjoittaminen tekijälle on vaihtoehto).