Tabelele WordPress: 5 moduri de a adăuga tabele la postările de pe blog

Te-ai gândit vreodată la mese?

Nu, nu mă refer la masa pe care o folosești pentru a lua cina cu familia sau la masa de conferințe de la biroul unde au loc întâlnirile.

Mă refer la tabele ca în diagramele de date, afișate în coloane.

Când scrieți conținut, uneori poate fi o provocare să prezentați datele într-un mod organizat. Poate doriți să îl afișați într-un format de diagramă, dar cel mai simplu mod este să îl faceți o imagine. Din păcate, imaginile au o mulțime de dezavantaje diferite, dintre care nu în ultimul rând este incapacitatea Google de a indexa informațiile din tabel. Imaginile grafice nu sunt bune pentru SEO!

Pe de altă parte, prezentarea informațiilor pe care le-ați afișa într-un tabel fără cod unic poate fi dezordonată sau plictisitoare.

Versiunea dezordonată arată cam așa:

• Ziua – Nume – Vânzări
• Luni - Shaun - 500 USD
• Luni - Dave - 400 USD
• Marți – Steve – 500 USD
• Miercuri - Jennifer - 800 USD
• Miercuri – Sierra - 750 USD

Si asa mai departe. Nu aveți coloane bine organizate, nu aveți formatare și totul se desfășoară într-un fel împreună. Informațiile sunt acolo, dar nu sunt bine formatate. Uneori puteți adăuga spații și aliniere folosind file sau CSS, dar intrați în moduri hackeri de a formata datele.

HTML are suport nativ pentru tabele, desigur. Totuși, nu este ușor de creat și de actualizat. Modul plictisitor este să utilizați codul HTML pentru a crea manual conținutul tabelului.

• Mai întâi, aveți nevoie de etichetele tabelului, deci <table> pentru a începe și </table> pentru a se închide.
• În interiorul acestuia, aveți nevoie de cod pentru fiecare rând. Un rând începe cu <tr> și se termină cu </tr> .
• În interiorul fiecărui rând, fiecare celulă are nevoie de o intrare de date în tabel. Deci, <td> și </td> , cu elementul specific de date în interiorul acestuia. Primele sunt titlurile antetului pentru acele coloane.

Deci, pentru primul rând de informații, titlurile, în exemplul meu de mai sus, vă uitați la:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

Apoi, desigur, trebuie să adăugați etichete pentru formatarea CSS sau formatarea HTML și, dacă aveți nevoie de imagini sau pictograme, aveți de lucru suplimentar, și asta este doar pentru un rând. Imaginează-ți că trebuie să te încurci cu toate astea manual! Există un motiv pentru care tabelele au fost universal antipatice pentru web design și nu mai sunt standardul.

Din fericire, nu a fost nevoie să scriem manual tabele HTML de zeci de ani dacă nu vrem. WordPress oferă multe moduri diferite de a adăuga tabele noi, iar eu le-am ales pe cele cinci pe care le consider cele mai bune pentru acest tutorial pas cu pas.

Să pătrundem!

Opțiunea 1: Tabelele implicite WordPress

Știați că WordPress vă permite să adăugați un tabel? Se pare că este gratuit și destul de ușor, deși nu are multe caracteristici. În generatorul de pagini Gutenberg, puteți face clic pentru a adăuga un bloc nou și puteți alege blocul Tabel. Acesta va insera un bloc care servește ca casetă de configurare a opțiunilor de tabel. Dacă utilizați Editorul clasic, va trebui să reveniți la Gutenberg pentru a utiliza generatorul de tabele de pe front-end.

Este destul de simplu; alegeți numărul de rânduri și coloane dorite. Pentru exemplul meu de date de mai sus, aș avea trei coloane de tabel și câte rânduri pentru date am nevoie. Rezultatul final sunt tabele simple receptive.

WordPress are, de asemenea, doar câteva opțiuni pentru un tabel în mod implicit. Puteți alege între rânduri separate prin linii subțiri sau rânduri diferențiate prin alternarea fundalurilor în dungi, dar atât. Nu există nicio formatare pentru coloane și, deși puteți seta culoarea de fundal, aceasta se aplică întregului tabel, nu doar unei celule/rând/coloană. Dacă sunteți în căutarea unor opțiuni avansate, tabelele implicite nu vă vor fi de mare ajutor.

Acum, cu siguranță, puteți intra cu CSS și puteți modifica manual orice doriți. E in regula! Dar, dacă încercați să faceți un tabel să arate așa cum doriți în editorul dvs. WordPress, este o mare bătaie de cap. Suportul WordPress pentru tabele lipsește în mod surprinzător, având în vedere cât de multe vă permit să faceți din cutie. De exemplu, dacă aveți mii de rânduri în tabel, nu va crea paginație pentru a împărți aceasta într-o secțiune mai mică, care este mai ușor de citit.

Aici intervine instalarea unui plugin pentru tabel WordPress.

Opțiunea 2: TablePress

Dacă aveți un site web WordPress de ceva vreme, nu ar trebui să fie surprinzător faptul că aproape orice caracteristică pe care doriți să o adăugați are, probabil, un supliment numit FeaturePress undeva. Tabelele nu fac excepție. TablePress poate fi găsit în directorul de pluginuri gratuite sau pe site-ul lor TablePress.org.

TablePress este puțin greoi deoarece funcționează într-un mod care facilitează un hub central pentru gestionarea datelor din tabel. Adaugă o mini-aplicație de gestionare a tabelelor în tabloul de bord WordPress. În acea aplicație de gestionare, puteți crea tabele, importa sau exporta tabele, configura tabele și, în general, le puteți face tot ce doriți. Apoi, când doriți să inserați tabele în postările de pe blog, utilizați un cod scurt de tabel pentru a trage acel tabel.

Va trebui să faceți clic pe „Salvați modificările”, să copiați codul scurt, apoi să reveniți la postarea dvs. pentru a previzualiza cum arată. Uneori va trebui să săriți înainte și înapoi între editorul de postări și setările TablePress, ceea ce poate deveni plictisitor.

Apoi – și acest lucru este important – dacă trebuie să editați datele din tabel, puteți face acest lucru din tabloul de bord. O editare se completează imediat în toate cazurile diferite ale aceluiași tabel. Deoarece sunt date încorporate, gestionarea centralizată este ușoară.

De asemenea, puteți importa date direct dintr-un fișier CSV, XLS sau alt fișier de foaie de calcul, iar acesta va popula un tabel. Această funcție de import este foarte utilă dacă aveți o mulțime de date pe care doriți să le importați și nu doriți să le copiați manual.

Cel mai mare dezavantaj al acestui plugin pentru tabel este că este cel mai bine utilizat pentru date și foi de calcul. Nu este creat pentru, de exemplu, o diagramă de comparație de produse alăturată, un cuprins sau ceva elegant, cu doar câteva rânduri și coloane. Gândiți-vă mai mult la încorporarea a zeci sau sute de rânduri de date.

Ar fi de ajutor dacă ați folosi CSS personalizat pentru a stila și modifica tabelul. Îl face ușor de făcut, dar trebuie totuși să vă cunoașteți modul CSS pentru a stila tabelul. În plus, este complet gratuit și ușor de utilizat, ceea ce îl face un plugin bun pentru începători.

Opțiunea 3: Mesele Ninja

Ninja Tables este o opțiune inteligentă pentru crearea de tabele și gestionarea datelor pe un site WordPress. Este destinat mai mult pentru postările de blog cu date grele decât pentru utilizare ocazională și face o mulțime de lucruri care acceptă volume de date. De exemplu, tabelul dvs. poate avea filtre și opțiuni de sortare pentru ca utilizatorii să sorteze și să ajusteze datele pe care le afișați dinamic. Acest lucru este destul de util pentru multe statistici și informații, dar mai puțin pentru o diagramă de comparare a produselor.

Una dintre cele mai bune caracteristici ale Ninja Tables este că este foarte ușor de utilizat. Nu aveți nevoie de CSS personalizat sau de codare pentru a gestiona aspectul și senzația tabelelor. Nici măcar nu trebuie să introduceți multe date dacă nu doriți; puteți importa date direct din fișiere de diferite tipuri.

Cu toate acestea, un dezavantaj este că opțiunile sunt „limitate” cu versiunea gratuită . Am pus ghilimele limitate pentru că au multe opțiuni; pur și simplu nu este complet gratuit. Au zeci de stiluri și culori diferite din care să aleagă și diferite șabloane pe care le puteți folosi.

Ninja Tables vă permite, de asemenea, să vă creați și să editați tabelul din editorul de blocuri direct într-o postare sau să îl gestionați dintr-un tablou de bord central, la fel cum o face TablePress. Ești destul de liber să faci ce vrei cu pluginul.

Puteți găsi versiunea gratuită a Ninja Tables în directorul de pluginuri WordPress. La fel ca multe plugin-uri, acestea oferă și o versiune premium dacă doriți să o cumpărați de pe site-ul lor.

Premium vă oferă o mulțime de funcționalități suplimentare pe care probabil le veți găsi utile, inclusiv:

• Abilitatea de a adăuga elemente media în celulele dvs. în loc de doar date text.
• Un selector de culori, astfel încât să nu vă limitați doar la culorile pe care le-au preconfigurat pentru dvs.
• Mai multe opțiuni pentru importarea și exportarea datelor sau sincronizarea cu Foi de calcul Google.
• Opțiuni de formatare condiționată și filtrare avansată a datelor.
• Folosind shortcodes în interiorul celulelor tabelului.

O licență pentru un singur site costă 49 ​​USD pe an sau puteți plăti 99 USD pentru 20 de site-uri sau 199 USD pentru site-uri nelimitate. Alternativ, oferă licențe pe viață pentru 199 USD pentru un domeniu , 399 USD pentru 20 sau 599 USD pentru nelimitat. În afară de numărul de domenii pe care îl puteți utiliza, planurile nu au limitări, așa că toate versiunile plătite sunt identice. Puteți naviga pe site și puteți vedea mai multe funcții aici.

Opțiunea 4: Generator de tabele de date

Îți plac caracteristicile? Ți-ai dori să ai mai multe dintre ele? Ți-ar plăcea să ai un tabel de date pe care să-l poți converti dinamic în diagrame, grafice, bare, plăcinte, PDF-uri și alte exporturi? Doriți să afișați conținut media în tabelul dvs.? O bară de căutare? Un meniu drop-down pentru a alege câte rânduri sunt afișate? Sortare după coloană pentru fiecare coloană? Design receptiv?

Bine, mă opresc.

La fel ca TablePress, vă gestionați tabelele dintr-un tablou de bord și le încorporați în postările sau paginile dvs. WordPress. Acest plugin este foarte mult plugin-ul de masă pentru specialiştii în STEM care începe să vibreze de entuziasm când văd o grămadă bună de date proaspete şi foarte mult nu pentru marketerul care doreşte un tabel „fire-and-forget” care are o jumătate de duzină de rânduri şi un rating cu stele. De asemenea, este foarte complicat pentru că are un milion de opțiuni diferite.

Când spun că asta poate face totul, vreau să spun serios. Tabloul de bord Data Tables Generator pentru editarea unui tabel arată ca și cum ați luat Excel sau Google Sheets și doar l-ați încorporat în editor. Are spațiu pentru formule și formatare și o tonă mai mult. Are orice îți poți dori. Într-un fel, este cel mai bun plugin pentru tabel WordPress pur și simplu pentru că are cele mai multe funcții.

Deci, care este captura?

Complexitatea, desigur. Este foarte robust pentru un site bogat în date, dar dacă sunteți un blog WordPress mai mic și doriți doar o diagramă pentru a vă compara cu concurenții dvs., un tabel de prețuri cu diferite planuri și caracteristici sau un tabel de comparare a produselor pentru ceva ce vindeți ; este cam la fel de exagerat ca folosirea unei rachete de croazieră pentru a vă cultiva grădina.

Puteți obține versiunea gratuită aici din, ați ghicit, directorul de pluginuri WordPress.

Versiunea plătită este, suficient de potrivit, prețul sub formă de tabel.

Site-ul web Data Tables Generator are licențe pentru unul, doi sau trei ani și pentru unul, cinci sau peste 6 site-uri simultan. O licență pentru un singur site pentru un an este de 46 USD.

Opțiunea 5: Afiliat

Majoritatea opțiunilor de mai sus se referă la afișarea unor cantități mari de date complexe în tabele, dar ce se întâmplă dacă nu doriți ceva atât de complicat?

Majoritatea bloggerilor care doresc să adauge tabele sunt probabil să caute ceva de genul unui tabel de comparare a produselor. Aveți două sau trei produse și doriți un tabel care să prezinte diverse caracteristici/prețuri/recenzii pentru acestea, cu link-uri afiliate pentru a le cumpăra. Este o strategie încercată și testată pentru marketingul afiliat și vânzările de produse. Doar arată caracteristicile produsului, astfel încât un utilizator să le poată folosi pentru a decide între ele și va fi mai probabil să aleagă una dintre ele.

Afiliat este o astfel de modalitate de a adăuga aceste tabele. Are tabele de comparație, un format „top 3 box”, casete cu detalii individuale ale produsului și un stil de casetă cu argumente pro și contra. Mai important, are unele caracteristici de marketing, mai degrabă decât funcții de gestionare a datelor. Utilizatorii nu trebuie să poată sorta sau căuta un tabel de comparare a produselor, dar cu siguranță pot beneficia de puțină direcționare geografică din partea dvs., nu?

Affiliatable are trei versiuni:

• O versiune gratuită
• O versiune pro pentru o licență pentru un singur site
• O versiune pro pentru site-uri nelimitate

Versiunea gratuită este acceptabilă, dar limitată; nu vă permite să utilizați șabloane premium, nu este optimizat pentru Schema și nu vă permite să utilizați categorii personalizate. Versiunile plătite sunt de 39 USD pe an, respectiv 89 USD pe an , sau puteți cumpăra licențe pe viață pentru 199 USD sau 399 USD .

Tu ce crezi? Care este cel mai bun mod de a adăuga un tabel la postările de pe blog? Spune-mi în comentarii dacă mai ai o sugestie grozavă.