Come inserire tabelle in post/pagine di WordPress

C'è un modo semplice.

Ma non è il modo migliore.

Il nuovo editor di blocchi in WordPress include un blocco tabella e funziona perfettamente per tabelle semplici.

Tuttavia, le probabilità sono che avrai bisogno di qualcosa di un po' più avanzato.

Ci sono due ottimi plugin che possono aiutare.

Il primo plugin ti consente di creare una tabella con un editor speciale. Ciò significa che non avrai nemmeno bisogno di guardare alcun codice. Il secondo plug-in è migliore per le tabelle che richiedono attrattiva visiva e varietà.

C'è un terzo metodo che funziona in modo dinamico ed elenca post, documenti e altri contenuti sul tuo sito: esploreremo questa opzione alla fine.

Iscriviti a Compete Themes su Youtube

1. Crea una tabella con TablePress

TablePress è il plugin per creare e visualizzare tabelle con WordPress.

Come puoi vedere, è uno dei preferiti dagli utenti di WordPress.

Perché usare TablePress?

L'attrazione principale di TablePress è che ti offre una bella interfaccia per creare e modificare tabelle senza toccare alcun codice .

Inoltre, ha più funzionalità di quelle che posso coprire qui. Controlla la pagina delle estensioni per tutte le fantastiche funzionalità che puoi aggiungere al plug-in di base.

Un ultimo vantaggio dell'utilizzo di TablePress è che i tuoi tavoli non sono legati a un singolo post o pagina. Poiché crei tabelle indipendenti da qualsiasi post/pagina, puoi riutilizzarle ovunque sul tuo sito.

Come usare TablePress

Dopo aver attivato TablePress, troverai un nuovo menu di primo livello aggiunto alla dashboard dell'amministratore.

Facendo clic sul pulsante Aggiungi nuovo verrai indirizzato a questa pagina in cui puoi impostare il nome e le dimensioni della tabella (non preoccuparti, puoi sempre aggiornare righe/colonne in un secondo momento).

La creazione della tabella ti dà accesso all'editor di tabelle completo in cui inserirai i tuoi dati.

Puoi riorganizzare righe e colonne, aggiungere collegamenti, combinare celle: nell'editor sono integrate tantissime funzionalità pratiche.

Quando sei pronto per visualizzare la tabella, copia lo shortcode dalla pagina della tabella e incollalo nell'editor utilizzando il blocco Shortcode.

Mentre vedrai uno shortcode nell'editor, quando visualizzi il post viene visualizzata una tabella completa.

Ecco come appare la tabella visualizzata sul front-end.

Mai usato codici brevi? Acquisisci familiarità con loro in questo tutorial.

Domande comuni

Ci sono alcuni problemi e domande comuni con TablePress.

Lo shortcode influirà sulla SEO del mio sito?

No. L'utilizzo di uno shortcode non avrà alcun effetto sulla capacità di Google di leggere la tabella nella pagina.

Mentre vedi uno shortcode nell'editor, sul sito viene emesso un normale codice HTML scansionabile. Non è diverso dallo scrivere tu stesso l'HTML.

È responsive/mobile friendly?

Le tabelle create da TablePress non sono reattive per impostazione predefinita. Tuttavia, esiste un'estensione che li renderà più ottimizzati per i dispositivi mobili.

Perderò le mie tabelle se smetto di usare questo plugin?

Sì e no.

I dati della tabella sono archiviati nel tuo database, quindi tecnicamente non li perderai disinstallando il plug-in. Tuttavia, non avrai più accesso a quei dati nella dashboard dell'amministratore, quindi creare tabelle con esso potrebbe essere difficile.

Fai il backup del tuo sito!

Ok, questa non è una domanda, ma un promemoria per eseguire il backup del tuo sito! Alcuni utenti di WP sul Web si sono lamentati di aver trascorso ore sui loro tavoli solo per finire per perderli.

Assicurati sempre di eseguire regolarmente il backup del tuo sito, in modo da non perdere il tuo duro lavoro. Puoi seguire il nostro tutorial su come eseguire il backup del tuo sito se hai bisogno di aiuto. Ci sono molti ottimi plugin di backup gratuiti e premium tra cui scegliere.

2. Crea una tabella con Tablesome

Tablesome è un plug-in per tabelle di WordPress per creare rapidamente tabelle reattive e aggiungerle a pagine e post. Puoi anche importare tabelle da file CSV e XLSX generati con altri strumenti come Fogli Google, MS Excel, ecc

Mentre altri plug-in come Tablepress sono bravi a presentare i dati sui dispositivi desktop, non rispondono ai dispositivi mobili. Tablesome, d'altra parte, è completamente reattivo e ha un bell'aspetto su tutte le dimensioni dello schermo. Puoi creare tutti i tipi di tabelle, comprese tabelle di dati di grandi dimensioni, cataloghi di prodotti, tabelle di confronto, tabelle di campionati sportivi, tabelle dei prezzi e altro ancora.

È anche facile creare e modificare le tue tabelle grazie all'interfaccia intuitiva simile a un foglio di calcolo.

Come usare Tablesome

Tablesome può essere installato con qualsiasi altro plugin WP. Dopo l'installazione, troverai un nuovo menu Tablesome aggiunto alla tua dashboard.

Se desideri importare il file da un file CSV o XLSX, puoi farlo facendo clic sull'opzione Importa.
Per creare una tabella da zero, fai clic sulla voce di menu "Crea nuova tabella" per raggiungere la pagina Nuova tabella.

In questa pagina puoi dare un nome al tuo tavolo e inserire i tuoi dati. La differenza cruciale tra altri plugin e Tablesome è che puoi aggiungere le righe e le colonne mentre aggiungi i dati alla tabella.

Sono disponibili otto tipi di dati, inclusi Testo, Rich-text, E-mail, Numero, Data, Collegamento, Casella di controllo e Pulsanti. Al termine della creazione della tabella, puoi personalizzarne l'aspetto tramite il menu Impostazioni tabella.

Nelle Impostazioni tabella, puoi scegliere di abilitare opzioni come Cerca, Ordina, Filtri e Impaginazione. Puoi anche configurare come vuoi che il tavolo si adatti agli schermi mobili.

Nella sezione Stile, puoi personalizzare l'aspetto dell'intestazione della tabella, il corpo, i bordi, il carattere e la dimensione del carattere.

Quando sei pronto per aggiungere la tua tabella a un post o a una pagina, puoi farlo con il blocco Tablesome o lo shortcode se stai ancora utilizzando l'editor classico.

Ecco un esempio di come appare una tabella Tablesome sul front-end di un sito:

3. Crea una tabella con WP Table Builder

Se vuoi creare tabelle visivamente più belle, prova WP Table Builder.

Sebbene TablePress sia ottimo per strutturare e presentare i dati, le tabelle non sono poi così attraenti. WP Table Builder è eccellente per creare tabelle di confronto dei prodotti, orari dei dipendenti e persino menu di ristoranti.

Con una semplice interfaccia drag-and-drop, WP Table Builder è un piacere da usare.

Come usare WP Table Builder

WP Table Builder può essere installato come qualsiasi altro plugin. Una volta installato, troverai un nuovo menu di Table Builder aggiunto alla dashboard.

Facendo clic sul pulsante "Aggiungi nuovo" viene visualizzata l'interfaccia di trascinamento della selezione in cui è possibile creare la tabella.

Attualmente ci sono cinque diversi tipi di contenuto che puoi vedere disponibili nella parte in alto a sinistra dell'immagine sopra.

Dopo aver scelto quante colonne e righe vuoi (può essere modificato in seguito), puoi semplicemente trascinare e rilasciare qualsiasi di quegli elementi in qualsiasi cella della tabella.

Dopo meno di un minuto di armeggiare con questo plugin, sono stato in grado di mettere insieme l'inizio di una tabella di confronto dei prodotti.

È facile vedere come puoi creare rapidamente qualsiasi tipo di tabella usando questo plugin.

Per quanto riguarda l'aggiunta della tabella nel tuo post, è facile con uno shortcode. Facendo clic sul pulsante "Incorpora" nella parte superiore dell'interfaccia viene visualizzato questo popup con lo shortcode della tabella.

Quindi tutto ciò che devi fare è copiarlo e incollarlo in un blocco Shortcode per includerlo in qualsiasi post o pagina.

4. Usa Post Table Pro

I due plugin che abbiamo descritto finora in questo articolo sono plugin di tabelle statiche. Ciò significa che l'utente deve aggiungere i dati manualmente e modificarli ogni volta che desidera aggiornare la tabella. Un plug-in per tabelle statiche è perfetto per visualizzare dati strutturati come informazioni finanziarie.

Posts Table Pro è diverso perché è un plug-in dinamico per tabelle di WordPress. Invece di visualizzare dati statici, genera automaticamente tabelle utilizzando le informazioni memorizzate nel database di WordPress. Ciò può farti risparmiare molto tempo rispetto all'aggiunta manuale dei dati.

Puoi utilizzare Posts Table Pro per creare una tabella ricercabile di post di blog WordPress, pagine o qualsiasi tipo di post personalizzato. La maggior parte dei casi d'uso del plug-in sono la creazione di una raccolta documenti, un indice di post di blog, una directory di risorse, una directory personale o dei membri e una libreria video o audio.

Perché usare Post Table Pro?

A seconda di cosa vuoi visualizzare nella tabella, la generazione automatica di tabelle può portare molti vantaggi.

Invece di aggiungere dati direttamente alla tabella, aggiungi un post (o post personalizzato) nell'amministratore di WordPress. Puoi utilizzare tutti i campi standard forniti con WordPress stesso e puoi utilizzare plug-in come Advanced Custom Fields o Pods per aggiungere campi personalizzati e tassonomie. Una volta aggiunto, utilizzi lo shortcode Posts Table Pro per inserire tabelle in qualsiasi punto del tuo sito.

Dopo aver inserito la tabella, non dovrai più aggiornarla. Eventuali modifiche ai post si riflettono automaticamente nella tabella, quindi non è necessario ricordarsi di aggiornarla manualmente.

Un altro vantaggio della visualizzazione dei post in una tabella è che i tuoi utenti possono accedere a una pagina separata per ogni elemento. Possono fare clic sulla pagina del singolo post (o post personalizzato) per visualizzare l'intero contenuto. Questo è possibile solo con i plug-in dinamici delle tabelle di WordPress perché, con le tabelle statiche, non esiste una pagina corrispondente per ogni elemento della tabella.

Come usare Post Table Pro

Se le informazioni che desideri visualizzare sono già sul tuo sito WordPress (ad es. post di blog), puoi configurare Post Table Pro immediatamente. In alternativa, puoi installare il plug-in Pods gratuito e creare un tipo di post personalizzato insieme a tutti i campi che visualizzerai come colonne nella tabella.

È quindi possibile installare Posts Table Pro e utilizzare la pagina delle impostazioni per configurarlo. Ci sono dozzine di opzioni e puoi controllare dettagli come le colonne della tabella, i filtri a discesa e quanti elementi visualizzare per pagina.

Quindi, aggiungi lo shortcode [post_table] ovunque desideri inserire la tabella sul tuo sito WordPress. Ci sono molte opzioni di shortcode, ad esempio, in modo da poter elencare elementi diversi in ogni tabella.

Nel complesso, è un'opzione eccellente per elencare i contenuti del tuo sito e superiore alle alternative di tabelle statiche.

5. Utilizzare JetEngine Tables Builder

Un altro plug-in dinamico per tabelle di WordPress è il modulo JetEngine Tables Builder. Con questo plug-in, non è necessario aggiungere dati manualmente, poiché le tabelle vengono create automaticamente dai database di WordPress.

I casi d'uso più comuni di Tables Builder sono tabelle di prodotti WooCommerce, tabelle statistiche e tabelle Rest basate su API (ad esempio, una tabella IMDb). Con questo plug-in per tabelle, puoi generare tabelle di dati dinamiche che mostrano: post, termini, commenti, recensioni, prodotti o dati SQL.

Come utilizzare JetEngine Tables Builder?

Per creare una tabella dinamica con il plug-in JetEngine, attenersi alla seguente procedura:

1. Scarica e installa JetEngine
2. Abilita modulo Tabelle dinamiche

3. Crea una query con il generatore di query JetEngine.
4. Configura le impostazioni generali della tabella (aggiungi titolo, scegli Query da cui ottenere i dati, recupera i dati per visualizzare in anteprima la tabella).
5. Aggiungi le colonne che ti servono.
6. Regola lo stile del tavolo.
7. Aggiungi la tabella alla pagina (tramite il generatore di pagine Elementor o Gutenberg).

Con Tables Builder, puoi facilmente aggiungere una tabella dinamica per il tuo sito Web con dati ordinabili e autoaggiornabili. A proposito, con l'aiuto di JetSmartFilters, puoi aggiungere filtri alla tua tabella.

Per riassumere, questo è un ottimo plugin per la creazione di tabelle dinamiche.

Puoi creare una tabella senza un plug-in?

WordPress ha un blocco Tabella che ti consente di creare rapidamente una tabella con un numero personalizzato di colonne e righe, ma i tuoi dati rimangono in un posto, non sono riutilizzabili e non avranno uno stile attraente.

TablePress è una scelta eccellente per chiunque desideri creare tabelle più grandi e riutilizzabili da importare o esportare dal proprio sito. WP Table Builder è un'ottima alternativa per più contenuti visivi e Posts Table Pro è perfetto per elencare contenuti dinamici sul sito.

Se stai cercando una maggiore selezione tra i plugin, dai un'occhiata al nostro elenco dei migliori plugin per tabelle per WordPress.

C'è qualcos'altro di cui hai bisogno per aggiungere tabelle al tuo sito? Manca qualcosa in questo tutorial? Lascia un commento qui sotto.