Cum să inserați tabele în postări/pagini WordPress

Există o cale ușoară.

Dar nu este cea mai bună cale.

Noul editor de blocuri din WordPress include un bloc de tabele și funcționează perfect pentru tabele simple.

Cu toate acestea, șansele sunt că veți avea nevoie de ceva puțin mai avansat.

Există două plugin-uri excelente care vă pot ajuta.

Primul plugin vă permite să creați un tabel cu un editor special. Asta înseamnă că nici măcar nu va trebui să te uiți la niciun cod. Al doilea plugin este mai bun pentru mesele care au nevoie de atracție vizuală și varietate.

Există o a treia metodă care funcționează dinamic și listează postări, documente și alt conținut de pe site-ul dvs. - vom explora această opțiune la sfârșit.

Abonați-vă la Compete Themes pe Youtube

1. Creați un tabel cu TablePress

TablePress este pluginul pentru crearea și afișarea tabelelor cu WordPress.

După cum puteți vedea, este favoritul utilizatorilor WordPress.

De ce să folosiți TablePress?

Principala atracție a TablePress este că vă oferă o interfață plăcută pentru crearea și modificarea tabelelor fără a atinge niciun cod .

De asemenea, are mai multe funcționalități decât pot acoperi aici. Consultați pagina cu extensii pentru toate caracteristicile interesante pe care le puteți adăuga la pluginul de bază.

Un ultim beneficiu al utilizării TablePress este că tabelele nu sunt legate de o singură postare sau pagină. Deoarece creați tabele independent de orice postare/pagină, le puteți reutiliza oriunde pe site-ul dvs.

Cum se utilizează TablePress

După activarea TablePress, veți găsi un nou meniu de nivel superior adăugat la tabloul de bord administrativ.

Făcând clic pe butonul Adăugare nou , veți ajunge la această pagină unde puteți configura numele și dimensiunea tabelului (nu vă faceți griji, puteți actualiza oricând rândurile/coloanele mai târziu).

Crearea tabelului vă oferă acces la editorul complet de tabel în care veți introduce datele.

Puteți rearanja rânduri și coloane, adăuga linkuri, combina celule - există o mulțime de funcționalități practice încorporate în editor.

Când sunteți gata să afișați tabelul, copiați shortcode-ul de pe pagina tabelului și inserați-l în editor folosind blocul Shortcode.

În timp ce veți vedea un shortcode în editor, un tabel complet este afișat atunci când vizualizați postarea.

Iată cum arată tabelul afișat pe front-end.

Nu ați folosit niciodată shortcodes? Familiarizați-vă cu ele în acest tutorial.

Intrebari obisnuite

Există câteva probleme și întrebări frecvente cu TablePress.

Va afecta codul scurt SEO site-ului meu?

Nu. Utilizarea unui cod scurt nu va avea niciun efect asupra capacității Google de a citi tabelul de pe pagină.

În timp ce vedeți un cod scurt în editor, pe site este afișat HTML obișnuit care poate fi accesat cu crawlere. Nu este diferit de a scrie HTML-ul singur.

Este responsive/compatibil cu dispozitivele mobile?

Tabelele pe care TablePress le creează nu sunt receptive în mod implicit. Cu toate acestea, există o extensie care le va face mai prietenoase cu dispozitivele mobile.

Îmi voi pierde tabelele dacă nu mai folosesc acest plugin?

Da și nu.

Datele din tabel sunt stocate în baza de date, astfel încât nu le veți pierde din punct de vedere tehnic prin dezinstalarea pluginului. Cu toate acestea, nu veți mai avea acces la acele date din tabloul de bord administrativ, așa că crearea de tabele cu acestea ar putea fi o provocare.

Faceți backup site-ului dvs.!

Bine, aceasta nu este o întrebare, ci un memento pentru a face backup site-ului dvs.! Unii utilizatori WP de pe web s-au plâns că au petrecut ore întregi la mesele lor doar pentru a ajunge să-i piardă.

Asigurați-vă întotdeauna că faceți backup site-ului dvs. în mod regulat, astfel încât să nu vă pierdeți munca grea. Puteți urma tutorialul nostru despre cum să faceți backup pentru site-ul dvs. dacă aveți nevoie de ajutor. Există o mulțime de pluginuri de backup gratuite și premium dintre care să alegeți.

2. Creați un tabel cu Tablesome

Tablesome este un plugin pentru tabel WordPress pentru crearea rapidă de tabele receptive și adăugarea lor în pagini și postări. De asemenea, puteți importa tabele din fișiere CSV și XLSX generate cu alte instrumente, cum ar fi Google Sheets, MS Excel etc.

În timp ce alte plugin-uri precum Tablepress sunt bune la prezentarea datelor pe dispozitive desktop, acestea nu sunt receptive pentru dispozitive mobile. Tablesome, pe de altă parte, este complet receptiv și arată grozav pe toate dimensiunile de ecran. Puteți crea tot felul de tabele, inclusiv tabele mari de date, cataloage de produse, tabele de comparație, tabele de campionat sportiv, tabele de prețuri și multe altele.

De asemenea, este ușor să vă creați și să editați tabelele datorită interfeței intuitive asemănătoare unei foi de calcul.

Cum se utilizează Tablesome

Tablesome poate fi instalat orice alt plugin WP. După instalare, veți găsi un nou meniu Tablesome adăugat la tabloul de bord.

Dacă doriți să importați fișierul dintr-un fișier CSV sau XLSX, puteți face acest lucru făcând clic pe Opțiunea de import.
Pentru a crea un tabel de la zero, faceți clic pe elementul de meniu „Creați tabel nou” pentru a ajunge la pagina Tabel nou.

Pe această pagină, puteți da un nume tabelului și puteți introduce datele. Diferența crucială dintre alte plugin-uri și Tablesome este că puteți adăuga rândurile și coloanele pe măsură ce adăugați date în tabel.

Există opt tipuri de date disponibile, inclusiv text, text îmbogățit, e-mail, număr, dată, link, casetă de selectare și butoane. Când ați terminat de creat tabelul, puteți personaliza cum arată acesta prin meniul Setări tabel.

În Setările tabelului, puteți alege să activați opțiuni precum Căutare, Sortare, Filtre și Paginare. De asemenea, puteți configura modul în care doriți să se adapteze tabelul la ecranele mobile.

În secțiunea Stil, puteți personaliza aspectul antetului tabelului, corpul, chenarele, fontul și dimensiunea fontului.

Când sunteți gata să adăugați tabelul la o postare sau o pagină, puteți face acest lucru cu blocul Tablesome sau codul scurt dacă încă utilizați Editorul clasic.

Iată un exemplu despre cum arată un tabel Tablesome pe front-end-ul unui site:

3. Creați un tabel cu WP Table Builder

Dacă doriți să creați mese mai frumoase din punct de vedere vizual, încercați WP Table Builder.

În timp ce TablePress este excelent pentru structurarea și prezentarea datelor, tabelele nu sunt chiar atât de atractive. WP Table Builder este excelent pentru crearea tabelelor de comparare a produselor, a programelor angajaților și chiar a meniurilor de restaurante.

Cu o interfață simplă de tip drag-and-drop, WP Table Builder este o plăcere de utilizat.

Cum se utilizează WP Table Builder

WP Table Builder poate fi instalat ca orice alt plugin. Odată instalat, veți găsi un nou meniu Table Builder adăugat la tabloul de bord.

Făcând clic pe butonul „Adăugați nou” dezvăluie interfața de glisare și plasare în care vă puteți construi tabelul.

În prezent, există cinci tipuri diferite de conținut pe care le puteți vedea disponibile în partea din stânga sus a imaginii de mai sus.

După ce ați ales câte coloane și rânduri doriți (pot fi editate ulterior), puteți pur și simplu să glisați și să plasați oricare dintre aceste elemente în orice celulă din tabel.

După mai puțin de un minut de joc cu acest plugin, am reușit să adun începuturile unui tabel de comparare a produselor.

Este ușor să vezi cum poți crea rapid orice tip de tabel folosind acest plugin.

În ceea ce privește adăugarea tabelului în postarea dvs., se face ușor cu un shortcode. Făcând clic pe butonul „Încorporați” din partea de sus a interfeței, dezvăluie acest pop-up cu codul scurt al tabelului.

Apoi, tot ce trebuie să faceți este să-l copiați și să-l inserați într-un bloc Shortcode pentru a-l include în orice postare sau pagină.

4. Utilizați Posts Table Pro

Cele două plugin-uri pe care le-am prezentat până acum în acest articol sunt plugin-uri de tabel statice. Aceasta înseamnă că utilizatorul trebuie să adauge datele manual și să le modifice ori de câte ori dorește să actualizeze tabelul. Un plugin de tabel static este perfect pentru afișarea datelor structurate, cum ar fi informațiile financiare.

Posts Table Pro este diferit, deoarece este un plugin WordPress dinamic pentru tabel. În loc să afișeze date statice, generează automat tabele folosind informațiile stocate în baza de date WordPress. Acest lucru vă poate economisi mult timp în comparație cu adăugarea manuală a datelor.

Puteți folosi Posts Table Pro pentru a crea un tabel de căutare cu postări de blog WordPress, pagini sau orice tip de postare personalizată. Cele mai multe cazuri de utilizare ale pluginului sunt crearea unei biblioteci de documente, a unui index de postări pe blog, a unui director de resurse, a unui director de personal sau de membri și a unei biblioteci video sau audio.

De ce să folosiți Posts Table Pro?

În funcție de ceea ce doriți să afișați în tabel, generarea automată a tabelelor poate aduce o mulțime de beneficii.

În loc să adăugați date direct în tabel, adăugați o postare (sau o postare personalizată) în administratorul WordPress. Puteți folosi toate câmpurile standard care vin cu WordPress însuși și puteți utiliza plugin-uri precum Advanced Custom Fields sau Pods pentru a adăuga câmpuri personalizate și taxonomii. Odată adăugat, utilizați codul scurt Posts Table Pro pentru a insera tabele oriunde pe site-ul dvs.

După ce ați introdus tabelul, nu trebuie să îl actualizați din nou. Orice modificare a postărilor se reflectă automat în tabel, așa că nu trebuie să vă amintiți să le actualizați manual.

Un alt avantaj al afișării postărilor într-un tabel este că utilizatorii dvs. pot accesa o pagină separată pentru fiecare articol. Aceștia pot face clic pe pagina de postare unică (sau postare personalizată) pentru a vedea conținutul complet. Acest lucru este posibil numai cu pluginuri dinamice pentru tabelele WordPress, deoarece, în cazul tabelelor statice, nu există o pagină corespunzătoare pentru fiecare articol din tabel.

Cum se utilizează Posts Table Pro

Dacă informațiile pe care doriți să le afișați sunt deja pe site-ul dvs. WordPress (de exemplu, postări de blog), puteți configura imediat Posts Table Pro. Alternativ, puteți instala pluginul gratuit Pods și puteți crea un tip de postare personalizat împreună cu toate câmpurile pe care le veți afișa ca coloane în tabel.

Puteți apoi să instalați Posts Table Pro și să utilizați pagina de setări pentru a-l configura. Există zeci de opțiuni și puteți controla detalii precum coloanele din tabel, listele derulante ale filtrelor și câte elemente de afișat pe pagină.

Apoi, adăugați codul scurt [posts_table] oriunde doriți să inserați tabelul pe site-ul dvs. WordPress. Există o mulțime de opțiuni de coduri scurte, de exemplu, astfel încât să puteți enumera diferite elemente în fiecare tabel.

În general, este o opțiune excelentă pentru listarea conținutului pe site-ul dvs. și superioară alternativelor de tabel statice.

5. Utilizați JetEngine Tables Builder

Un alt plugin dinamic pentru tabele WordPress este modulul JetEngine Tables Builder. Cu acest plugin, nu este nevoie să adăugați date manual, deoarece tabelele sunt create automat din bazele de date WordPress.

Cele mai frecvente cazuri de utilizare ale Tables Builder sunt pentru tabelele de produse WooCommerce, tabelele de statistici și tabelele bazate pe API Rest (de exemplu, un tabel IMDb). Cu acest plugin pentru tabel, puteți genera tabele de date dinamice care arată: postări, termeni, comentarii, recenzii, produse sau date SQL.

Cum se utilizează JetEngine Tables Builder?

Pentru a crea un tabel dinamic cu pluginul JetEngine, urmați acești pași:

1. Descărcați și instalați JetEngine
2. Activați modulul Tabele dinamice

3. Creați o interogare cu generatorul de interogări JetEngine.
4. Configurați setările generale ale tabelului (adăugați titlu, alegeți Interogare de la care să obțineți date, preluați datele pentru a previzualiza tabelul).
5. Adăugați coloanele de care aveți nevoie.
6. Ajustați stilul mesei.
7. Adăugați tabelul în pagină (prin Elementor page builder sau Gutenberg).

Cu Tables Builder, puteți adăuga cu ușurință un tabel dinamic pentru site-ul dvs. web cu date care se pot sorta și se autoactualizează. Apropo, cu ajutorul JetSmartFilters, poți adăuga filtre la tabelul tău.

Pentru a rezuma, acesta este un plugin excelent pentru construirea de tabele dinamice.

Puteți crea un tabel fără un plugin?

WordPress are un bloc Tabel care vă permite să creați rapid un tabel cu un număr personalizat de coloane și rânduri, dar datele dvs. rămân apoi într-un singur loc, nu sunt reutilizabile și nu vor avea un stil atractiv.

TablePress este o alegere excelentă pentru oricine dorește să creeze tabele mai mari, reutilizabile, pe care le poate importa sau exporta de pe site-ul lor. WP Table Builder este o alternativă excelentă pentru mai mult conținut vizual, iar Posts Table Pro este perfect pentru listarea conținutului dinamic pe site.

Dacă căutați mai multă selecție între pluginuri, aruncați o privire la lista noastră cu cele mai bune plugin-uri de masă pentru WordPress.

Mai aveți nevoie de ceva pentru a adăuga tabele pe site-ul dvs.? Lipsește ceva din acest tutorial? Lasă un comentariu mai jos.