TablePress: creați tabele în WordPress fără o singură linie de cod

Uneori, administrarea unui site WordPress poate fi ușoară în comparație cu HTML static și alți manageri de conținut preistorici. Sarcinile obișnuite sunt atât de ușor de implementat încât ai tendința de a primi cererile de îmbunătățire cu un zâmbet.

Există, totuși, anumite tipuri de solicitări care nu reușesc niciodată să ofere multor designeri de site -uri o erupție imediată: orice solicitare care include cuvântul „tabel” .

Aceste fiare mici sunt atât de fragile! O mică manipulare falsă, ca un „ < ” sau ” > ” șters din greșeală, iar pagina ta online își pierde frumoasa structura geometrică pentru a arăta ca ruinele Pompeii. ESTE TOTUL SFRUPT!

Așa că, dacă cineva aventuros îmi cere să adaug o coloană, va avea o rundă de blesteme care l-ar face pe căpitanul Haddock să roșească.

Dar asta era tot înainte! Înainte să descoperiți pluginul care vă permite să rămâneți ZEN în toate circumstanțele: TablePress . Un plugin care vă permite să creați tabele în WordPress fără codare și să le modificați printr-o simplă acțiune de glisare și plasare!

Un impuls brusc de a adăuga un tabel care să compare planurile de preț sau caracteristicile produselor tale emblematice? Urmați ghidul. Până la sfârșitul acestui tutorial, veți putea adăuga cu încredere tabele la WordPress .

Scris inițial în februarie 2019, acest articol a fost actualizat ultima dată în martie 2022.

Cele mai bune proiecte WordPress au nevoie de cea mai bună gazdă!

WPMarmite recomandă Bluehost: performanță excelentă, suport excelent. Tot ce ai nevoie pentru un început excelent.

Încercați Bluehost

Consultați ghidurile noastre detaliate despre alegerea numelui de domeniu și crearea unui site web profesional WordPress.

Ce este TablePress?

TablePress este un plugin gratuit și open-source care vă permite să creați pur și simplu tabele din interfața dvs. de administrare WordPress, fără a fi nevoie să codificați.
Un cod scurt vă permite apoi să le adăugați oriunde doriți în conținutul dvs. (postare, pagină, bară laterală etc.).

Valorificând peste 800.000 de instalări active și o evaluare generală de 5 stele din 5 pe directorul oficial WordPress (pentru mai mult de 4.200 de recenzii), nu există nicio îndoială: acesta este pluginul emblematic pentru a crea și gestiona tabelele dvs.

Pluginul a fost creat de Tobias Bathge, un dezvoltator german WordPress specializat în inginerie cibernetică. Ca un bun tocilar, Bathge a creat TablePress într- o interfață similară cu o foaie Excel .

Ce are de oferit TablePress?

TablePress are multe caracteristici interesante:

• O interfață intuitivă, drag-and-drop.
• Posibilitatea de a integra tabele în articolele, paginile sau widget-urile de text folosind un shortcode.
• Editare ușoară a datelor din tabel, la fel ca în Excel.
• Importați și exportați tabele în format Excel, CSV, JSON și HTML.
• Sincronizare cu Foi de calcul Google.
• Celule de tabel care acceptă funcții matematice și formule de calcul.
• Personalizare grafică prin cod CSS.

Cum să adăugați un tabel pe WordPress cu pluginul TablePress?

Odată ce TablePress este instalat și activat, veți vedea o filă nouă cu numele pluginului în meniul de administrare WordPress.

Pentru a adăuga un tabel nou pe site-ul dvs. WordPress, faceți clic pe TablePress > Adăugare tabel nou în meniul de administrare sau pe fila „Adăugați nou” din partea de sus a interfeței TablePress.

Pentru a vă crea tabelul, vi se va cere să:

• Dați un nume mesei dvs. Dacă intenționați să prezentați multe tabele pe site-ul dvs., luați în considerare un nume clar și descriptiv.
• Furnizați o scurtă descriere (opțional). Fă-ți timp pentru a adăuga orice informații care ar putea fi utile mai târziu.
• Specificați numărul de rânduri și coloane din tabelul dvs. În timp ce pluginul vă permite să adăugați și să eliminați cu ușurință aceste elemente ulterior, vă recomand să vă acordați câteva momente pentru a enumera informațiile pe care doriți să le prezentați în tabelul dvs. Acest mic pas de anticipare vă va economisi mult timp mai târziu.

Apoi faceți clic pe butonul albastru „Adăugați tabel” din partea de jos a paginii. Acum veți fi dus la ecranul „Editați tabel”, unde vă puteți edita tabelul.

TablePress are, de asemenea, două funcții pentru importarea și exportul unui tabel existent (prin TablePress > Import a Table sau TablePress > Export a Table).
De exemplu, puteți importa un tabel dintr-un fișier CSV, XLS sau XLSX dintr-o foaie de calcul (ex. Excel). În cele din urmă, puteți exporta și tabelele în alte programe, cum ar fi foile de calcul.

Cum se editează structura și conținutul unui tabel?

Derulați în jos pe pagină până la blocul „Conținutul tabelului”. Această secțiune a paginii vă permite să adăugați conținut, fie tastând, fie prin copiere și lipire, direct în celulele individuale ale tabelului.

Cu drag and drop, este ușor să rearanjați rândurile și coloanele.

Cum să vă îmbogățiți tabelele TablePress?

Cu TablePress, tabelele pot fi îmbogățite cu imagini, link-uri și informații chiar mai complexe , cum ar fi un shortcode, prin intermediul editorului său avansat.

Cum să adăugați o imagine la tabelul TablePress?

Pentru a adăuga o imagine, nimic nu ar putea fi mai ușor. Derulați în jos pagina până la blocul „Manipulare tabel” și faceți clic pe „Inserați imaginea”.

Apoi faceți clic pe celula în care doriți să apară imaginea. Acum tot ce trebuie să faceți este să încărcați o imagine sau să alegeți o imagine din Biblioteca dvs. media, înainte de a face clic pe butonul albastru „Inserați în tabel” din colțul din dreapta jos al ferestrei.

Cum se adaugă un link la un tabel?

TablePress vă permite, de asemenea, să inserați legături în tabelul dvs. Pentru a face acest lucru, derulați în jos la blocul „Manipulare tabel”, apoi faceți clic pe butonul „Inserați legătura”.

Apoi faceți clic pe celula tabelului unde doriți să apară linkul. Va apărea o fereastră pop-up, unde vă puteți configura linkul utilizând interfața standard WordPress:

Cum adaugi conținut bogat la masa ta?

De asemenea, puteți introduce conținut bogat într-o celulă de tabel. TablePress ofera si posibilitatea de a introduce continut, dintr-un editor avansat. Folosind-o, puteți adăuga text, cu sau fără linkuri, precum și imagini în aceeași celulă.

Pentru a găsi editorul avansat, derulați în jos la blocul „Manipulare tabel” și faceți clic pe butonul cu același nume.

Faceți clic pe celula în care doriți să plasați conținutul îmbogățit. Va apărea o fereastră pop-up în care vă puteți configura conținutul bogat.

Ce opțiuni suplimentare există pentru a vă personaliza masa?

Opțiunile de masă

Această casetă vă permite să definiți antetul sau subsolul tabelului, ceea ce poate fi util dacă conține multe date pentru a îmbunătăți lizibilitatea.

Aveți, de asemenea, posibilitatea de a alege culori alternative pentru rândurile tabelului , de a evidenția un rând la trecerea mouse-ului sau de a afișa titlul sau descrierea tabelului.

În cele din urmă, câmpul „Extra CSS Classes” vă va permite să atribuiți una sau mai multe clase la alegere dacă doriți să le personalizați în CSS.

Biblioteca JavaScript DataTables

Opțiunile din această casetă vă permit să le oferiți vizitatorilor posibilitatea de a sorta, filtra și căuta în tabelul dvs. în mod dinamic sau de a activa o paginare .

Puteți dezactiva totul dacă nu aveți nevoie.

Alăturați-vă abonaților WPMarmite

Obțineți ultimele postări WPMarmite (și, de asemenea, resurse exclusive).

ABONEAZĂ-TE ACUM

Cum să-ți editezi tabelele?

TablePress permite editarea ușoară a structurii unui tabel.

În caseta „Manipulare tabel”, veți găsi diverse opțiuni pentru adăugarea, ștergerea, duplicarea și ascunderea rândurilor și coloanelor . De asemenea, puteți combina celule într-un rând sau coloană.

Pentru a modifica tabelul, faceți clic pe rândul sau coloana pe care doriți să o modificați.

Apoi selectați efectul potrivit. De exemplu, am ales mai jos să inserăm o nouă coloană între două coloane existente:

Odată ce ați completat tabelul, nu uitați să faceți clic pe butonul „Salvați modificările” din partea de sus a paginii. Vă recomandăm să faceți acest lucru în mod regulat, deoarece nu există salvare automată.

Cum se modifică un tabel vechi?

Puteți modifica oricând conținutul și structura unui tabel pe care l-ați creat.

Pentru a găsi lista de tabele existente, selectați TablePress > Toate tabelele din meniul WordPress.

Acum puteți alege tabelul pe care doriți să îl editați.

Cum se inserează un tabel într-o postare sau pagină?

Acum că v-ați creat tabelul, tot ce trebuie să faceți este să îl introduceți într-o postare sau într-o pagină de pe site-ul dvs. WordPress.

Pentru a face acest lucru, deschideți sau creați documentul de destinație în care doriți să vă publicați tabelul, în editorul de conținut WordPress (Gutenberg).

Copiați codul scurt al tabelului, disponibil în caseta „Informații despre tabel”:

FYI, acest cod scurt este în următorul format: [table id=<the-ID> /] . Fiecare tabel are propriul său identificator (numărul 2, în exemplul de mai sus).

Lipiți shortcode-ul într-un bloc „Shortcode” în publicația la alegere, acolo unde doriți în conținut:

Iata rezultatul pe site:

Rețineți că afișajul poate diferi puțin în funcție de tema pe care o utilizați.

În orice caz, felicitări: ai făcut-o cu degetele în nas!

Funcții suplimentare pentru a merge mai departe cu TablePress

Până acum, acest tutorial v-a oferit elementele de bază ale creării și actualizării tabelelor în WordPress fără codare. Puteți adăuga, de asemenea, câteva funcții suplimentare foarte utile .

Odată ce ați stăpânit elementele de bază, aceste tutoriale vă pot ajuta să implementați unele dintre funcțiile mai interesante:

• Folosiți formule în celule, ca în Excel.
• Personalizați-vă tabelul cu CSS, aceste întrebări frecvente vă oferă toate răspunsurile de care aveți nevoie despre personalizarea tabelelor.

Accelerează-ți site-ul web cu WP Rocket

Transformă-ți site-ul într-o rachetă cu cel mai puternic plugin de cache recunoscut de experții WordPress.

Încercați WP Rocket

Bonus: extensia TablePress

Puteți adăuga și mai multe funcționalități la TablePress cu o bibliotecă de aproximativ 20 de extensii gratuite sau premium.

Veți găsi pe site-ul pluginului, 20 de extensii oficiale. Iată câteva dintre cele mai utile:

• Mese responsive (premium): pentru a avea mese frumoase, adaptate tuturor dispozitivelor (desktop, tabletă și mobil). Regretăm că acest plugin este plătit, lasă o mare oportunitate unui potențial concurent...
• Shortcode pentru a apela conținutul unei singure celule: foarte util dacă doriți să publicați unele elemente ale unui tabel, cum ar fi un scor mediu, în diferite locuri de pe pagina dvs.
• Import automat și programat de tabele (premium): foarte util dacă vă actualizați tabelele cu o soluție externă precum Excel de exemplu.

Din punct de vedere tehnic, marea majoritate a așa-numitelor extensii premium ale TablePress pot fi de fapt descărcate și utilizate gratuit. Cu toate acestea, dezvoltatorul Tobias Bathge vă încurajează să faceți o donație de orice sumă pentru a-i recompensa munca.

Ce alte opțiuni există pentru adăugarea unui tabel la WordPress?

În timp ce TablePress este cel mai popular și cel mai bine evaluat plugin din directorul oficial pentru crearea unui tabel pe WordPress, există și alte soluții pentru proiectarea unui tabel.

Blocul Tabel din editorul de conținut WordPress

În primul rând, editorul de conținut WordPress are un bloc „Tabel” la îndemână pentru a crea un tabel simplu și rapid în conținutul tău.

În special, puteți:

• Adăugați sau ștergeți rânduri sau coloane în timp real.
• Alegeți dintre două stiluri de afișare: „implicit” și „dungi”.
• Schimbați culoarea textului și a fundalului.
• Atribuiți o lățime fixă ​​celulelor dvs.
• Setați lățimea și stilul chenarelor dvs., precum și tipografia.

Acest bloc poate fi suficient pentru unele tabele de bază , în care doriți doar să prezentați datele într-un mod simplu.

Aceia dintre voi care doresc să creeze tabele mai complexe, reorganizabile sau să aibă caracteristici similare Excel, vor prefera TablePress.

Creatori de pagini

O altă opțiune pentru adăugarea unui tabel la WordPress este utilizarea unui generator de pagini.

Un generator de pagini este un instrument care vă permite să creați machete bogate și complexe pentru conținutul dvs. fără a atinge o singură linie de cod, în special prin utilizarea șabloanelor gata făcute. Editarea se face adesea prin glisare și plasare și în timp real.

Cel mai faimos dintre ele este Elementor, care acumulează peste 5M+ de instalări active pe directorul oficial. Oricât de puternic și flexibil este, Elementor nu oferă un widget (modul) pentru a construi un tabel!

Cu toate acestea, puteți folosi unul dintre numeroasele sale suplimente premium pentru a vă atinge obiectivele, cum ar fi Crocoblock, ElementsKit sau Ultimate Addons.

Și s-ar putea să am ceva și mai bun: puteți adăuga pur și simplu un tabel creat cu... TablePress la Elementor. Trebuie doar să adăugați codul său scurt în widgetul Shortcode propus de Elementor, la fel ca în editorul de conținut.

Asta e pentru Elementor. Să menționăm pe scurt și pe Divi Builder, cealaltă greutate grea din industrie.

De exemplu, TablePress oferă un plugin premium de la terți, TablePress Styler by Divi-Modules, care vă va ajuta să personalizați aspectul vizual al mesei din interfața Divi Builder.

Construiește-ți site-ul web cu Elementor

Proiectați cu ușurință aspectul site-ului dvs. WordPress cu celebrul generator de pagini.

Încearcă Elementor

Alte plugin-uri pentru a crea un tabel

Ca o ultimă soluție, dacă TablePress nu funcționează deloc pentru dvs., vă puteți găsi fericirea cu unul dintre pluginurile de tabel pentru WordPress de mai jos:

• WP Table Builder
• wpDataTables
• Generator de tabele de date de la Supsystic
• Mesele Ninja

Opinia noastră finală despre TablePress

După cum probabil v-ați dat seama deja, sunt un mare fan al TablePress din mai multe motive:

• Acest plugin este o opțiune excelentă dacă doriți să adăugați tabele avansate la site-ul dvs. WordPress cu ușurință, fără codare.
• Datorită caracteristicilor sale, veți putea crea rapid tabele elegante care vă ajută să rezumați și să sortați datele într-un format ușor de citit.
• Interfața sa inspirată de Excel vă permite să mergeți mai departe decât tabelele simple oferite de editorul de conținut WordPress.
• Și, cel mai important, vă permite să evitați crearea de tabele în HTML și să petreceți ore întregi cu codul fără succes.

În dezavantaj, putem observa că personalizarea afișajului meselor dvs. este destul de limitată . Pentru un rezultat avansat și pentru imaginea dvs., va trebui să utilizați CSS.

În cele din urmă, dacă pluginul este receptiv în mod implicit, tabelele nu se vor adapta întotdeauna automat la diferite dimensiuni de ecran. Uneori, afișajul poate fi întrerupt, de exemplu în colțul din dreapta.

Din nou, adăugarea unui mic CSS este uneori recomandată. De asemenea, puteți utiliza extensia Responsive Tables, menționată mai sus, pentru a rezolva această problemă.

Descărcați TablePress din directorul oficial:

Și tu, folosești TablePress? Ce părere aveți despre acest plugin emblematic al universului WordPress?