Tabelle e grafici sono più importanti di quanto pensiamo quando abbiamo un sito web, perché potrebbero semplificare notevolmente il modo in cui mostriamo i nostri prezzi, i piani, la traiettoria aziendale e molto altro ancora

Potrebbe essere davvero noioso trovare una tabella dopo averla creata, dato che dovremmo copiare e incollare lo shortcode, ma cosa succede se esiste un blocco dedicato alla ricerca di tutte le tabelle? WP Table Manager ti permette di farlo con l'editor Gutenberg di WordPress, facile da usare.

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

Creazione di tabelle WordPress con questo plugin per Gutenberg

In questo post utilizzeremo WP Table Manager per creare una tabella di confronto prezzi. Innanzitutto, vedremo come creare le tabelle.

Per prima cosa, vai su Gestione tabelle > Tutte le tabelle , in questa sezione clicca su + Crea nuova > Tabella , si aprirà l'editor delle tabelle, potremmo usare un tema per semplificare le cose, 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).

Dopo aver aggiunto un tema, quasi tutto il lavoro è stato svolto.

Dobbiamo solo apportare semplici modifiche e adattare la tabella alle nostre esigenze. Rimuoverò molte righe e ne modificherò molte altre; puoi modificarle semplicemente cliccandoci sopra e iniziando a digitare come se stessi usando Excel.

Per rimuoverle, basta cliccare sulle righe, fare clic con il pulsante destro del mouse e quindi scegliere Rimuovi .

Ora, se vuoi modificare la cella, ti basta cliccarci sopra: si aprirà un editor avanzato che potrai utilizzare per personalizzare il contenuto come preferisci.

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

Non è necessario salvare la tabella poiché verrà salvata automaticamente a ogni modifica.

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

Vai su Post > Aggiungi nuovo , vedrai l'editor Gutenberg, selezioneremo il WP Table Manager .

Verrà aggiunto un campo di ricerca che mostrerà le categorie e le tabelle e potrai aggiungere una tabella semplicemente cliccandoci sopra.

La tabella verrà aggiunta e ora non ti resta che pubblicare il post e la tabella sarà lì, è semplice come cliccare sulla tabella e pubblicare il post/la pagina.

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

Utilizzo di 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 Gutenberg dedicato, così potrai trovare facilmente il grafico quando crei il tuo post.

Ora, per creare grafici, andiamo su Gestione tabelle > Tutte le tabelle . Dovremmo avere una tabella creata con i dati che vogliamo visualizzare nel grafico. Abbiamo preparato una tabella con le 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 farlo clicca su + Crea nuovo > Categoria .

Infine, digita il titolo della categoria, seleziona la categoria padre (se si tratta di una sottocategoria) e fai clic su Fine .

Ora andiamo alla tabella in cui 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 di destra dove potremo vedere gli strumenti per personalizzare il grafico.

Per questo esempio utilizzeremo il grafico circolare.

Nella parte inferiore del pannello destro, potremo selezionare il colore per ciascun campo, in modo da adattare i colori al tema che stiamo utilizzando.

Ora che abbiamo creato/personalizzato il grafico, andiamo su Post > Aggiungi nuovo per creare il post e aggiungere il nuovo grafico che abbiamo creato.

Nell'editor Gutenberg, cerca il blocco "WP Table Manager Chart" e aggiungilo al post.

Si aprirà un campo di ricerca in cui potrai vedere tutti i grafici disponibili.

Come puoi vedere, verranno mostrate tutte le categorie, le tabelle e i grafici disponibili, ecco perché dovremmo avere tutto ordinato in 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 volessimo aggiornare i dati nel grafico? Dovremmo crearne uno nuovo? Beh, la risposta è no! Basta modificare i dati all'interno della tabella e il grafico verrà aggiornato automaticamente.

In questo esempio, la popolazione di Tuvalu è 11147, come puoi vedere nell'immagine, quindi modifichiamo la popolazione in 20000 e controlliamo di nuovo il grafico.

Ora il grafico dovrebbe essere aggiornato, controlliamolo.

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

Inoltre, tabelle dai database in WordPress

C'è anche un'opzione per creare tabelle dal database e questa tabella verrà aggiornata automaticamente quando ci saranno modifiche nel database, quindi se hai informazioni memorizzate nel tuo database e vuoi creare una tabella/un grafico basato su di esse, fai clic su + Crea nuovo > Tabella database

Verrai reindirizzato a una pagina con tutte le tabelle incluse nel tuo database, così potrai semplicemente selezionarle con le colonne che desideri e WP Table Manager creerà automaticamente la tabella.

Dopodiché potrai selezionare le colonne che vuoi 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, tieni presente che ci sono Condizioni che possiamo aggiungere, ad esempio, mostrare una variabile solo se l'email dell'autore è "Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.”.

Possiamo aggiungere tutte le regole che vogliamo, basta cliccare su "Aggiungi" e verrà aggiunta una nuova casella per impostare una nuova regola.

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

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

Inizia a creare tabelle con WP Table Manager

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