Ko sem nazadnje poskušal dodati tabelo v svoj blog v WordPressu, sem na koncu vse skupaj opustil in namesto tega uporabil seznam s točkami.

Se vam zdi znano?

Toliko osupljivih tem WordPress je opremljenih z možnostjo ustvarjanja čudovitih tabel. Seveda so na začetku videti dobro, vendar z njimi ne morete storiti veliko.

Želite podatke, ki jih je mogoče filtrirati? Ne.

Želite, da je tabela odzivna za mobilne naprave? Ne.

Želite uvoziti podatke iz datoteke CSV? Ni možnosti.

Dobra novica:

S pravim vtičnikom lahko ustvarite zelo funkcionalne dinamične tabele, ki omogočajo prikaz podatkov, ki jih je mogoče filtrirati.

Skupaj z grafi in drugimi vrstami.

Zveni dobro? Oglejmo si, kako to lahko storite z wpDataTables.

Opomba: Čeprav je to vodilo osredotočeno na interaktivne tabele, vam bo morda koristilo naše vodilo o ustvarjanju mobilnih odzivnih tabel z wpDataTables. Kliknite tukaj in si ga oglejte. To novo vodilo upošteva posodobljen uporabniški vmesnik in dodatne funkcije, ki so bile nedavno objavljene v wpDataTables.

Ta vtičnik vam omogoča ustvarjanje čudovitih tabel brez znanja HTML

wpDataTables je vrhunski vtičnik za WordPress, ki omogoča enostavno ustvarjanje in objavljanje tabel na vaši spletni strani. Je lahek, intuitiven in delo opravi v nekaj minutah, tako da vam ostane manj kode za prebijanje in več časa za blog.

Ena od ključnih točk tega vtičnika je, da lahko ne potrebujete predhodnega znanja HTML. Vse je na voljo na strani z nastavitvami, ki je enostavna za uporabo. Za objavo je treba preprosto kopirati in prilepiti kratko kodo in lahko začnete.

Za blogerje in podjetja je to odlična novica, saj omogoča, da veliko podatkov prikažete na jedrnat in lahko prebavljiv način.

Uporabite ga lahko tudi za:

• Katalog izdelkov
• Primerjalni diagrami za izdelke
• Ceniki
• Zbiranje podatkov od uporabnikov
• Športni rezultati
• sledenje napredku za vse, kar vključuje številke (npr. poročilo o prihodkih iz bloga).

Možnosti so neskončne.

Ustvarjanje tabele od začetka do konca: vodnik korak za korakom

Uporaba vtičnika wpDataTables za ustvarjanje lepih, preglednih in popolnoma funkcionalnih tabel na spletnem mestu WordPress je preprosta.

Tukaj je opisano, kako začeti:

Korak 1 - Pripravite svojo datoteko

V nadaljevanju sem ustvaril primer dokumenta Excel za več naključnih stroškov. Ta vključuje več stolpcev, kot so datum, način plačila in stroški.

Prepričajte se, da so vaši podatki prikazani na podoben način, sicer bo vtičnik težko določil stolpce v vaši tabeli.

Korak 2 - Ustvarite novo tabelo

Pojdite do wpDataTables na levi strani nadzorne plošče WordPress.

S klikom na to povezavo se prikaže zgornji zaslon. Tu boste ustvarili in dodali novo tabelo:

Ko kliknete gumb "Dodaj novo", se prikaže to okno. Na tem mestu boste začeli nastavljati parametre tabele, da bo delovala in izgledala tako, kot želite:

Korak 3 - Opredelite značilnosti mize

V prvih treh razdelkih strani za nastavitev mize lahko naredite naslednje stvari:

• Ustvarite naslov
• Izberite, ali želite na strani prikazati naslov tabele.
• Izberite vrsto vhodnega vira za mizo

To so najosnovnejše postavitve mize.

Kliknite "Naloži datoteko" in poiščite svoj dokument. Tabele, ki jih lahko ustvarite, so lahko tako zapletene, kot jih potrebujete.

Kot lahko vidite, sem svoji tabeli dal ustrezen naslov, v spustnem oknu izbral vrsto datoteke Excel in naložil datoteko v WordPress.

V nadaljevanju strani so na voljo dodatne nastavitve za prilagajanje mize:

To so:

• Odzivni - Omogoča različen prikaz mize na namiznih računalnikih, tabličnih računalnikih in mobilnih telefonih
• Pomikanje po spletni strani - omogoča vodoravno pomikanje mize
• Skrijte tabelo, dokler se stran popolnoma ne naloži - Uporabno za strani, ki se nalagajo počasi
• Napredno filtriranje - Za prikaz filtra pod vsakim stolpcem
• Filter v obliki - Za filter v samem obrazcu
• Namizna orodja - Za možnosti, kot so kopiranje, shranjevanje v Excel in shranjevanje v CSV, vgrajene v obrazec
• Omogočanje razvrščanja - Tako lahko razvrstite tabele.
• Omejitev postavitve tabele - Omejitev širine tabele na 100 % nadrejene posode
• Dolžina prikaza - Določite, koliko vnosov se prikaže na strani.

S klikom na "Predogled" si lahko ogledate svojo tabelo in spremenite vse nastavitve, ki se vam zdijo potrebne, da bo videti tako, kot želite.

Ko izberete možnosti, ki najbolj ustrezajo vrsti tabele, ki jo želite prikazati, kliknite gumb "Shrani".

Če želite stolpce dodatno prilagoditi, se boste lahko po kliku na gumb "Shrani" pomaknili po strani navzdol, kjer boste našli več možnosti. Privzete nastavitve se ustvarijo samodejno, vendar lahko s tem spremenite barvo vsakega stolpca, stolpec in vrsto filtra (kot so datum, čas in besedilo).

Spodaj sem dodal nekaj barv in uredil vrste stolpcev na besedilo, številko in niz.

Korak 4 - Shranite in kopirajte kratko kodo

Ko ste shranili tabelo, kliknite "Zapri" in vas bo usmeril nazaj na domačo stran vtičnika. Zdaj bi morali videti tabelo, ki ste jo ustvarili, naslov in vrsto tabele, bližnjico za vnos v delovno mesto ali stran in možnost, da jo podvojite.

To tabelo želim prikazati na strani, zato bi moral kopirati bližnjico in nato oditi na stran, ki jo želim urediti.

Korak 5 - Dodajte bližnjico na post ali stran

Če želite na stran dodati tabelo, je to zelo preprosto - v urejevalnik strani vstavite svojo kratko kodo. Izberite, kje na strani želite prikazati tabelo, vstavite kodo in nadaljujte z ustvarjanjem vsebine:

Korak 6 - Objava

Ko na strani pritisnete gumb za objavo, bi morala biti vaša tabela videti približno tako. Kot lahko vidite, je jasna, dosledna, popolnoma poravnana in vsebuje vse moje podatke na enostaven način za navigacijo:

Možnosti na vrhu tabele bodo uporabnikom omogočile izvoz vsebine tabele v različnih oblikah. Rezultate lahko preprosto filtrirate tudi na sprednji strani spletnega mesta.

Katere druge tabele lahko ustvarite?

Vendar pa niste omejeni le na preproste tabele CSV. WP Data Tables lahko prikaže širok nabor podatkov v različnih oblikah.

Tukaj je primer popolnoma delujoče, odzivne in urejive tabele z več stolpci in možnostmi.

Ta tabela temelji na MySQL s filtri za razvrščanje vsebine glede na uporabnikove potrebe:

Ta tabela, ki temelji na polju PHP, je serializirana in vključuje slike - to dodaja povsem drugačno dinamiko in funkcionalnost, ki bi bila za mnoge trgovine z e-trgovinami še posebej uporabna:

Niste omejeni samo na datoteke CSV. WP Data Tables omogoča tudi uporabo datotek na osnovi programa Excel, kar vam omogoča uporabo številnih posebnih funkcij, ki so z njim povezane:

Druge funkcije wpDataTable, ki jih je vredno omeniti

• čarovnik wpDataChart - V nekaj preprostih korakih lahko podatke pretvorite v graf ali diagram. Trenutno podpira 3 mehanizme za upodabljanje: Google Charts, Highcharts in Chart.js. Več dokumentacije najdete tukaj.
• Pogojno oblikovanje - Omogoča poudarjanje celic, vrstic in stolpcev glede na njihovo vsebino. Uporabno je zlasti, če je tabela v celoti številčna. Več dokumentacije najdete tukaj.
• Stolpci formule - Omogoča dodajanje stolpca, ki se lahko uporablja za izračun števila na podlagi številk, določenih v drugih celicah. Več dokumentacije najdete tukaj.
• Stolpci z datumom - Uporablja se za celice, ki vsebujejo datume in čase. Ti se samodejno prikažejo v obliki, ki ste jo določili na strani z nastavitvami. Več dokumentacije najdete tukaj.
• Vrstica za vsote/skupine - Uporablja se za številčne stolpce in omogoča izračun vsote vseh vrednosti. Več dokumentacije najdete tukaj.
• Ustvarjalnik poročil - Report Builder takoj ustvari dokumente in preglednice, ki napolnijo vaše predloge z dejanskimi podatki iz vašega spletnega mesta WordPress. Več dokumentacije najdete tukaj.
• Preglednice Master-Detail - Je dodatek za wpDataTables, ki vam in obiskovalcem vašega spletnega mesta omogoča, da s preprostim klikom vidite podrobnosti za vsako vrstico. Več dokumentacije najdete tukaj.

Zaključne misli

Tabele so odličen način za prikazovanje podatkov. Če jim dodate dinamične funkcije, kot je filtriranje, je za obiskovalce vašega spletnega mesta še veliko bolje.

Predstavil sem vam, kako ustvariti dinamično tabelo v WordPressu s prenosom podatkov iz Microsoftovega programa Excel (ali s katerim koli drugim orodjem za preglednice). Vendar je mogoče še veliko več.

Vse tabele lahko spremenite v grafe ali diagrame in še več.

Zdaj je čas, da začnete pripravljati svojo mizo - uživajte!

Sorodno branje: 5 Močni in mobilno odzivni vtičniki za tabele za WordPress.

Razkritje: Ta objava je sponzorirana, vendar so naša mnenja lastna.