Salta al contenuto principale
7 minuti di lettura (1477 parole)

Crea e Gestisci Tabelle con l'Editor Gutenberg

banner-grafici

Le tabelle e i grafici sono più importanti di quanto pensiamo quando abbiamo un sito web poiché questo potrebbe rendere davvero più facile il modo in cui mostriamo i nostri prezzi, piani, traiettoria aziendale e molte altre cose

Potrebbe essere davvero noioso trovare una tabella dopo averla creata poiché dovremmo copiare/incollare lo shortcode, ma cosa succede se c'è un blocco dedicato alla ricerca di tutte le tue tabelle? WP Table Manager ti consente di farlo con il facile da usare editor Gutenberg di WordPress.

WP Table Manager aggiunge blocchi all'editor di Gutenberg che ti permetteranno di aggiungere queste tabelle con una casella di ricerca direttamente nel blocco.

 

Cerchi una soluzione robusta per la gestione delle tabelle per i siti web dei clienti?

Dalle tabelle dei prezzi ai confronti di prodotti, questo plugin offre potenti funzionalità per presentare i dati in modo chiaro e intuitivo.
Ottieni ora un vantaggio competitivo!

OTTIENI IL PLUGIN ADESSO

 

Creare Tabelle WordPress con questo Plugin per Gutenberg

Per questo post utilizzeremo WP Table Manager per creare una tabella di confronto dei prezzi, prima di tutto, vedremo come creare tabelle.

Prima di tutto, vai su Gestione Tabelle > Tutte le Tabelle, in questa sezione, clicca su + Crea Nuovo > Tabella, questo aprirà l'editor di tabelle, potremmo usare un tema per rendere le cose più facili, quindi scegliamone uno, clicca su Tema > Selezione Tema.

 

 

Vedrai tutte le opzioni per i temi, quindi selezioneremo quello che funzionerà per la tabella di confronto dei prezzi.

 

 

Ora clicca su Ok (tieni presente che tutti i dati nella tabella verranno rimossi).

Poiché abbiamo aggiunto un tema, quasi tutto il lavoro è stato completato.

 

 

Dobbiamo solo apportare semplici modifiche e adattare la tabella alle nostre esigenze, rimuoverò molte righe e modificherò molte di esse, queste possono essere modificate semplicemente facendo clic su di esse e iniziando a digitare come se stessi utilizzando Excel.

Per rimuovere, basta cliccare sulle righe, fare clic destro e poi, Rimuovi.

 

 

Ora se si desidera modificare la cella, basta fare clic su di essa, si aprirà un editor avanzato che è possibile utilizzare per personalizzare il contenuto come si desidera.

 

 

Se vogliamo personalizzare ulteriormente la tabella, possiamo cambiare il colore, dobbiamo solo cliccare sulla cella e utilizzare gli strumenti in alto per cambiare il colore delle celle che vogliamo.

 

 

Non dobbiamo salvare la tabella poiché verrà salvata automaticamente ad ogni modifica.

Ora che abbiamo creato la tabella, possiamo aggiungerla al post utilizzando il blocco dell'Editor Gutenberg.

Vai a Articoli > Aggiungi nuovo, vedrai l'Editor di Gutenberg, selezioneremo il blocco WP Table Manager.

 

 

Questo aggiungerà un campo di ricerca che ti mostrerà le categorie e le tabelle e potrai aggiungere una tabella semplicemente cliccando sulla tabella.

 

 

La tabella verrà aggiunta, e ora, dovrai solo pubblicare quel post e la tabella sarà lì, facile come cliccare sulla tabella e pubblicare il post/pagina.

 

 

E questo è tutto, abbiamo creato e pubblicato una tabella dei prezzi in meno di 10 minuti, davvero facile, no?

 

Utilizzare WP Table Manager in WordPress per creare grafici

Sì, avremo anche la possibilità di creare grafici dalle tabelle, e l'altra buona notizia è che la sezione grafici ha un blocco dedicato di Gutenberg in modo da poter trovare facilmente il grafico quando stai creando il tuo articolo.

Ora, per creare grafici vai su Gestione Tabelle > Tutte le Tabelle, dovremmo avere una tabella creata con i dati che vogliamo riflettere nel grafico, abbiamo una tabella preparata con informazioni per creare questo grafico.

Una buona pratica potrebbe essere quella di creare una categoria per ogni tipo di tabella che vogliamo creare, ad esempio, qui abbiamo creato una categoria chiamata: “Grafici”.

Le categorie sono davvero facili da creare, per questo clicca su + Crea Nuovo > Categoria.

 

 

Infine, digita il titolo della categoria, seleziona la categoria genitore (se questa è una sottocategoria), e clicca su Fatto.

 

 

Ora andiamo alla tabella dove vogliamo creare il grafico, abbiamo aggiunto una tabella basata sulle popolazioni di 5 paesi.

 

 

Per creare il grafico, dovremo selezionare le celle che vogliamo aggiungere al grafico e cliccare su Grafico > Crea grafico dai dati.

 

 

 Ora, vedremo il grafico creato con il menu destro dove saremo in grado di vedere gli strumenti per personalizzare il grafico.

 

 

Useremo il grafico circolare per questo esempio.

 

 

Nella parte inferiore del pannello laterale destro, saremo in grado di selezionare il colore per ogni campo in modo che i colori si adattino al tema che stiamo utilizzando.

 

 

Ora che abbiamo creato/personalizzato il grafico, andiamo a Articoli > Aggiungi nuovo in modo da poter creare l'articolo e aggiungere il nuovo grafico che abbiamo creato.

Nell'Editor Gutenberg, cercare il blocco “WP Table Manager Chart” e aggiungerlo al post.

 

 

Questo aprirà un campo di ricerca dove potrai vedere tutti i grafici disponibili.

 

 

Come puoi vedere mostrerà tutte le categorie, tabelle e grafici disponibili, ecco perché dovremmo avere tutto ordinato per categorie, ora clicca sul grafico che vuoi aggiungere, nel nostro caso è il “Grafico della popolazione”.

 

 

Come puoi vedere, lo shortcode verrà aggiunto automaticamente, quindi dovrai solo pubblicarlo e tutto sarà fatto.

 

 

Ma ora, cosa succede se vogliamo aggiornare i dati nel grafico? Dovremmo creare un nuovo grafico? Ebbene, la risposta è no! È possibile semplicemente modificare i dati all'interno della tabella e il grafico verrà aggiornato automaticamente.

In questo esempio, la popolazione di Tuvalu è 11147, come si può vedere nell'immagine, quindi cambiamo la popolazione a 20000 e controlliamo nuovamente il grafico.

 

 

Ora il grafico dovrebbe essere aggiornato, controlliamolo.

 

 

E sì, la magia è fatta, abbiamo creato un grafico dinamico che può essere facilmente modificato semplicemente cambiando i dati all'interno della tabella.

 

Inoltre, Tabelle da Database in WordPress

C'è anche un'opzione per creare tabelle dal Database e questa tabella verrà automaticamente aggiornata quando ci sono cambiamenti nel tuo database, quindi se hai informazioni archiviate nel tuo Database e vuoi creare una tabella/grafico basato su di esso, basta cliccare su + Crea Nuovo > Tabella Database

 

 

Questo ti reindirizzerà a una pagina con tutte le tabelle incluse nel tuo Database, quindi puoi semplicemente selezionarla con le colonne che desideri, e WP Table Manager creerà automaticamente la tabella.

 

 

Dopo di che, potrai selezionare le colonne che desideri aggiungere alla tabella, ad esempio, qui selezioneremo solo il tipo di commento e l'email degli autori.

 

 

Infine, seleziona il titolo per ogni colonna e aggiungi le regole per creare la tabella.

 

 

Ora, clicca su Crea Tabella e la tabella verrà creata automaticamente, tenendo presente che ci sono condizioni che possiamo aggiungere, ad esempio, mostra una variabile solo se l'email dell'autore è “Questo indirizzo email è protetto dai robot di spam. È necessario abilitare JavaScript per visualizzarlo.”.

 

 

Possiamo aggiungere tutte le regole che vogliamo, dobbiamo solo cliccare su “Aggiungi” e una nuova casella verrà aggiunta per impostare una nuova regola.

E ora puoi vedere quanto è facile creare tabelle dal database.

 

Il nostro nuovo design renderà tutto ancora più facile!

 

Chiamata a tutti i webmaster!

Migliora i siti web dei tuoi clienti con WP Table Manager. Gestisci e personalizza facilmente tabelle, grafici e fogli di calcolo, fornendo ai clienti visualizzazioni di dati dinamiche e coinvolgenti.
Potenzia i tuoi servizi di web design oggi stesso!

OTTIENI IL PLUGIN ADESSO

 

Inizia a creare tabelle con WP Table Manager

Ora che sai quanto è facile creare tabelle e gestirle utilizzando WP Table Manager, cosa aspetti? Vai qui e acquista la tua membership per iniziare a servire tutte queste tabelle nel modo più professionale.

 

Rimani Informato

Quando ti iscrivi al blog, ti invieremo un'e-mail quando ci saranno nuovi aggiornamenti sul sito in modo che tu non li perda.

Articoli correlati

 

Commenti 8

Ospite - Chelsea martedì 19 maggio 2020 18:56

Non riesco a centrare il mio blocco di tabelle avanzate. Per favore consigliate.

Non riesco a centrare il mio blocco di tabelle avanzate. Per favore consigliate.
Tristan mercoledì 20 maggio 2020 06:54

Ciao, puoi utilizzare il gestore avanzato delle colonne per centrare la tua tabella se lo strumento predefinito non funziona come previsto. Utilizza, ad esempio, un layout a 3 colonne e posiziona la tabella nella parte centrale. Spero che aiuti.

Ciao, puoi utilizzare il gestore avanzato delle colonne per centrare la tua tabella se lo strumento predefinito non funziona come previsto. Utilizza, ad esempio, un layout a 3 colonne e posiziona la tabella nella parte centrale. Spero che aiuti.
Ospite - Nathan martedì 26 maggio 2020 15:30

Potresti aggiungere un'opzione per regolare la dimensione del carattere nel blocco di tabelle avanzate? Questa è una richiesta comune da parte dei clienti e l'unica caratteristica che mi manca dal tuo altrimenti meraviglioso blocco di tabelle avanzate.

Potresti aggiungere un'opzione per regolare la dimensione del carattere nel blocco di tabelle avanzate? Questa è una richiesta comune da parte dei clienti e l'unica caratteristica che mi manca dal tuo altrimenti meraviglioso blocco di tabelle avanzate.
Tristan mercoledì 27 maggio 2020 05:49

OK annotato!

OK annotato!
Ospite - Sander martedì 09 giugno 2020 12:40

Sarebbe possibile avere elenchi nella cella della tabella?

Sarebbe possibile avere elenchi nella cella della tabella?
Tristan martedì 09 giugno 2020 12:50

Ciao, attualmente non è possibile, ma consiglio di inviare una richiesta di funzionalità nel forum di supporto della directory dei plugin.

Ciao, attualmente non è possibile, ma consiglio di inviare una richiesta di funzionalità nel forum di supporto della directory dei plugin.
Ospite - Kristin Hanes venerdì 12 giugno 2020 22:24

Ciao! Ho notato che le tabelle avanzate hanno un aspetto molto diverso sul back-end rispetto al front-end. Non sono sicuro di come allegare screenshot a questo commento o dove inviare supporto via email. Qualche idea sul perché sta succedendo questo?

Ciao! Ho notato che le tabelle avanzate hanno un aspetto molto diverso sul back-end rispetto al front-end. Non sono sicuro di come allegare screenshot a questo commento o dove inviare supporto via email. Qualche idea sul perché sta succedendo questo?
Tristan lunedì 15 giugno 2020 12:31

Ciao, capita che i temi applicano una formattazione automatica alle tabelle. Potresti per favore inviarci una richiesta di supporto nel forum di supporto della directory dei plugin?

Ciao, capita che i temi applicano una formattazione automatica alle tabelle. Potresti per favore inviarci una richiesta di supporto nel forum di supporto della directory dei plugin?
Già registrato? Accedi qui
mercoledì, 25 marzo 2026

Immagine Captcha

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this