Creați și gestionați tabele cu Editorul Gutenberg

Tabelele și diagramele sunt mai importante decât credem când avem un site web, deoarece acest lucru ar putea face cu adevărat mai ușor modul în care ne arătăm prețurile, planurile, traiectoria companiei și multe altele.l

Ar putea fi foarte obositor să găsim un tabel după crearea acestuia, deoarece ar trebui să copiem/să lipiți codul scurt, dar ce se întâmplă dacă există un bloc dedicat găsirea tuturor tabelelor dvs.? WP Table Manager vă permite să faceți acest lucru cu editorul de WordPress Gutenberg ușor de utilizat.

WP Table Manager adaugă blocuri la editorul Gutenberg care vă va permite să adăugați aceste tabele cu o casetă de căutare direct în bloc.

Crearea tabelelor WordPress cu acest plugin pentru Gutenberg

Pentru această postare vom folosi WP Table Manager pentru a crea un tabel de comparație a prețurilor, în primul rând, vom vedea cum să creăm tabele.

În primul rând, accesați Tables Manager> Toate tabelele , pe această secțiune, faceți clic pe + Creați un nou> tabel , acest lucru va deschide editorul de tabel, am putea folosi o temă pentru a face lucrurile cu adevărat mai ușoare, astfel încât să alegem una, să facem clic pe tema> Selecția temelor .

Veți vedea toate opțiunile pentru teme, așa că vom selecta cea care va funcționa pentru tabelul de comparare a prețurilor.

Acum faceți clic pe OK (rețineți că toate datele din tabel vor fi eliminate).

Pe măsură ce am adăugat o temă, aproape toată lucrarea se face.

Trebuie doar să facem ajustări simple și să adaptăm tabelul la nevoile noastre, voi elimina multe rânduri și să editez multe dintre ele, acestea pot fi editate doar făcând clic pe el și încep să tastați ca dacă folosiți Excel.

Pentru a elimina, trebuie doar să faceți clic pe rânduri, faceți clic dreapta și apoi, eliminați .

Acum, dacă doriți să editați celula, trebuie doar să faceți clic pe ea, acesta va deschide un editor avansat pe care îl puteți utiliza pentru a personaliza conținutul după cum doriți.

Dacă dorim să personalizăm mai mult tabelul, putem schimba culoarea, trebuie doar să facem clic pe celulă și să folosim instrumentele de top pentru a schimba culoarea celulelor pe care le dorim.

Nu trebuie să salvăm tabelul, deoarece va fi salvat automat cu fiecare schimbare.

Acum că am creat tabelul, îl putem adăuga la postare folosind blocul Editor Gutenberg.

Accesați postări> Adăugați nou , veți vedea editorul Gutenberg, vom selecta WP Table Manager .

Acest lucru va adăuga un câmp de căutare care vă va arăta categoriile și tabelele și veți putea adăuga un tabel doar făcând clic pe tabel.

Tabelul va fi adăugat, iar acum, va trebui să publicați doar acea postare, iar tabelul va fi acolo, la fel de ușor ca să faceți clic pe tabel și să publicați postarea/pagina.

Și asta este totul, am creat și am postat o masă de prețuri în mai puțin de 10 minute, într -adevăr ușor, nu -i așa?

Utilizarea WP Table Manager în WordPress pentru a crea diagrame

Da, vom avea, de asemenea, opțiunea de a crea diagrame din mese, iar cealaltă veste bună este că secțiunea Graficele are un bloc dedicat Gutenberg, astfel încât veți putea găsi cu ușurință graficul atunci când vă creați postarea.

Acum, pentru a crea diagrame, accesați tabelul de tabel> toate tabelele , ar trebui să avem un tabel creat cu datele pe care dorim să le reflectăm în grafic, avem un tabel pregătit cu informații pentru a crea acest grafic.

O bună practică ar putea fi, să creăm o categorie pentru fiecare tip de tabel pe care dorim să -l creăm, de exemplu, aici am creat o categorie numită: „Grafice”.

Categoriile sunt cu adevărat ușor de creat, pentru acest clic pe + Creați noi> Categorie .

În cele din urmă, tastați titlul de categorie, selectați categoria părinte (dacă aceasta este o subcategorie) și faceți clic pe Done .

Acum să mergem la tabelul în care vrem să creăm graficul, am adăugat un tabel bazat pe populațiile din 5 țări.

Pentru a crea graficul, va trebui să selectăm celulele pe care dorim să le adăugăm în grafic și să facem clic pe grafic> Crearea graficului din date.

 Acum, vom vedea graficul creat cu meniul potrivit în care vom putea vedea instrumentele pentru a personaliza graficul.

Vom folosi graficul Circle pentru acest exemplu.

În partea de jos a panoului din partea dreaptă, vom putea selecta culoarea pentru fiecare câmp, astfel încât să putem face culorile să se potrivească cu tema pe care o folosim.

Acum că am creat/personalizat graficul, să mergem la postare> Adăugați nou, astfel încât să putem crea postarea și să adăugăm noul grafic pe care l -am creat.

Pe editorul Gutenberg, căutați blocul „WP Table Manager Chart” și adăugați -l la postare.

Acest lucru va deschide un câmp de căutare unde veți putea vedea toate graficele disponibile.

După cum puteți vedea, va arăta toate categoriile, tabelele și diagramele disponibile, de aceea ar trebui să avem tot ce este comandat în categorii, acum faceți clic pe graficul pe care doriți să îl adăugați, în cazul nostru este „graficul populației”.

După cum puteți vedea, codul scurt va fi adăugat automat, așa că va trebui să îl publicați doar și totul va fi făcut.

Dar acum, ce se întâmplă dacă vrem să actualizăm datele din grafic? Ar trebui să creăm un grafic nou? Ei bine, răspunsul este nu! Puteți edita doar datele din tabel, iar graficul va fi actualizat automat.

În acest exemplu, populația Tuvalu este 11147, după cum puteți vedea în imagine, astfel încât să schimbăm populația în 20000 și să verificăm din nou graficul.

Acum graficul ar trebui să fie actualizat, să -l verificăm.

Și da, magia este făcută, am creat un grafic dinamic care poate fi schimbat cu ușurință doar prin schimbarea datelor din tabel.

În plus, tabele din bazele de date din WordPress

Există, de asemenea, o opțiune de a crea tabele din baza de date, iar acest tabel va fi actualizat automat atunci când există modificări în baza de date, astfel încât dacă aveți informații stocate în baza de date și doriți să creați un tabel/diagramă bazată pe acesta, trebuie doar să faceți clic pe + Creați noi> Tabelul de date Tabel

Acest lucru vă va redirecționa către o pagină cu toate tabelele incluse în baza de date, astfel încât să o puteți selecta doar cu coloanele pe care le doriți, iar WP Table Manager va crea automat tabelul.

După aceea, veți putea selecta coloanele pe care doriți să le adăugați în tabel, de exemplu, aici vom selecta doar tipul de comentarii și e -mailul de la autori.

În cele din urmă, selectați titlul pentru fiecare coloană și adăugați regulile pentru a crea tabelul.

Acum, faceți clic pe Creați tabel Și tabelul va fi creat automat, rețineți că există condiții pe care le putem adăuga, de exemplu, să arătăm o variabilă numai dacă e -mailul autorului este „Example@joomunited.com”.

Putem adăuga cât mai multe reguli, trebuie doar să facem clic pe „Adăugare” și va fi adăugată o nouă casetă pentru a stabili o nouă regulă.

Și acum puteți vedea cât de ușor este să creați tabele din baza de date.

Noul nostru design va face totul și mai ușor!

Începeți să creați tabele cu WP Table Manager

Acum că știți cât de ușor este să creați tabele și să le gestionați folosind WP Table Manager , ce așteptați? Mergeți aici și cumpărați -vă calitatea de membru pentru a începe să serviți toate aceste tabele în cel mai profesional mod.