TablePress: crea tabelle in WordPress senza una singola riga di codice

A volte l'amministrazione di un sito WordPress può essere un gioco da ragazzi rispetto all'HTML statico e ad altri gestori di contenuti preistorici. Le attività comuni sono così facili da implementare che tendi ad accogliere le richieste di miglioramento con un sorriso.

Ci sono, però, certi tipi di richieste che non mancano mai di dare a molti progettisti di siti uno sfogo immediato: qualsiasi richiesta che includa la parola “tabella” .

Queste piccole bestie sono così fragili! Una piccola falsa manipolazione, come un ” < ” o ” > ” cancellato per errore, e la tua pagina online perde la sua bella struttura geometrica per assomigliare alle rovine di Pompei. È TUTTO ROTTO!

Quindi, se qualcuno avventuroso mi chiede di aggiungere una colonna, è pronto per un giro di imprecazioni che farebbero arrossire il capitano Haddock.

Ma era tutto prima! Prima di scoprire il plugin che ti permette di rimanere ZEN in ogni circostanza: TablePress . Un plugin che ti permette di creare tabelle in WordPress senza codifica e di modificarle con una semplice azione di trascinamento della selezione!

Un improvviso bisogno di aggiungere una tabella confrontando i tuoi piani tariffari o le caratteristiche dei tuoi prodotti di punta? Segui la guida. Entro la fine di questo tutorial, sarai in grado di aggiungere tabelle a WordPress con sicurezza .

Scritto originariamente a febbraio 2019, questo articolo è stato aggiornato l'ultima volta a marzo 2022.

I tuoi migliori progetti WordPress hanno bisogno del miglior host!

WPMarmite consiglia Bluehost: ottime prestazioni, ottimo supporto. Tutto quello che ti serve per iniziare alla grande.

Prova Bluehost

Consulta le nostre guide dettagliate sulla scelta del tuo nome di dominio e sulla creazione di un sito Web WordPress professionale.

Cos'è TablePress?

TablePress è un plug-in gratuito e open source che ti consente di creare semplicemente tabelle dalla tua interfaccia di amministrazione di WordPress, senza la necessità di codificare.
Uno shortcode ti consente quindi di aggiungerli dove vuoi nel tuo contenuto (post, pagina, barra laterale, ecc.).

Sfruttando oltre 800.000 installazioni attive e una valutazione complessiva di 5 stelle su 5 nella directory ufficiale di WordPress (per oltre 4.200 recensioni), non ci sono dubbi: questo è il plugin di punta per creare e gestire le tue tabelle .

Il plugin è stato creato da Tobias Bathge, uno sviluppatore tedesco di WordPress specializzato in cyber engineering. Da buon secchione, Bathge ha creato TablePress in un'interfaccia simile a un foglio Excel .

Cosa offre TablePress?

TablePress ha molte caratteristiche interessanti:

• Un'interfaccia intuitiva, drag-and-drop.
• La possibilità di integrare le tabelle nei tuoi articoli, pagine o widget di testo utilizzando uno shortcode.
• Facile modifica dei dati della tabella, proprio come in Excel.
• Importa ed esporta tabelle nei formati Excel, CSV, JSON e HTML.
• Sincronizzazione con Fogli Google.
• Celle di tabella che accettano funzioni matematiche e formule di calcolo.
• Personalizzazione grafica tramite codice CSS.

Come aggiungere una tabella su WordPress con il plug-in TablePress?

Una volta installato e attivato TablePress, vedrai una nuova scheda con il nome del plug-in nel menu di amministrazione di WordPress.

Per aggiungere una nuova tabella al tuo sito WordPress, fai semplicemente clic su TablePress > Aggiungi nuova tabella nel menu di amministrazione o sulla scheda "Aggiungi nuovo" nella parte superiore dell'interfaccia di TablePress.

Per creare la tua tabella ti verrà chiesto di:

• Dai un nome al tuo tavolo . Se hai intenzione di presentare molte tabelle sul tuo sito, considera di assegnargli un nome chiaro e descrittivo.
• Fornire una breve descrizione (facoltativo). Prenditi del tempo per aggiungere tutte le informazioni che potrebbero essere utili in seguito.
• Specifica il numero di righe e colonne nella tabella . Sebbene il plug-in ti consenta di aggiungere e rimuovere facilmente questi elementi in un secondo momento, ti consiglio di dedicare qualche minuto per elencare le informazioni che desideri presentare nella tua tabella. Questo piccolo passo di anticipazione ti farà risparmiare molto tempo in seguito.

Quindi fare clic sul pulsante blu "Aggiungi tabella" nella parte inferiore della pagina. Verrai ora indirizzato alla schermata "Modifica tabella", dove puoi modificare la tua tabella.

TablePress ha anche due funzioni per importare ed esportare una tabella esistente (tramite TablePress > Importa una tabella o TablePress > Esporta una tabella).
Ad esempio, puoi importare una tabella da un file CSV, XLS o XLSX da un foglio di calcolo (es. Excel). Infine, puoi anche esportare le tue tabelle in altri programmi, come fogli di calcolo.

Come modificare la struttura e il contenuto di una tabella?

Scorri la pagina fino al blocco "Contenuto della tabella". Questa sezione della pagina consente di aggiungere contenuti, sia digitando che copiando e incollando, direttamente nelle singole celle della tabella.

Con il trascinamento della selezione, è facile riorganizzare righe e colonne.

Come arricchire i tuoi tavoli TablePress?

Con TablePress, le tue tabelle possono essere arricchite con immagini, link e informazioni anche più complesse , come uno shortcode, attraverso il suo editor avanzato.

Come aggiungere un'immagine al tuo tavolo TablePress?

Per aggiungere un'immagine, niente potrebbe essere più facile. Scorri la pagina fino al blocco "Gestione tabella" e fai clic su "Inserisci immagine".

Quindi fare clic sulla cella in cui si desidera visualizzare l'immagine. Ora non devi fare altro che caricare un'immagine o scegliere un'immagine dalla tua Libreria multimediale, prima di fare clic sul pulsante blu "Inserisci nella tabella" in basso a destra della finestra.

Come aggiungere un collegamento a una tabella?

TablePress ti permette anche di inserire link nella tua tabella. Per fare ciò, scorri verso il basso fino al blocco "Gestione tabella", quindi fai clic sul pulsante "Inserisci collegamento".

Quindi fare clic sulla cella della tabella in cui si desidera visualizzare il collegamento. Apparirà una finestra pop-up, in cui puoi configurare il tuo collegamento utilizzando l'interfaccia standard di WordPress:

Come aggiungi contenuti ricchi alla tua tabella?

Puoi anche inserire contenuto avanzato in una cella di tabella. TablePress offre anche la possibilità di inserire contenuti, da un editor avanzato. Usandolo, puoi aggiungere testo, con o senza collegamenti, nonché immagini nella stessa cella.

Per trovare l'editor avanzato, scorrere fino al blocco "Manipolazione tabella" e fare clic sul pulsante con lo stesso nome.

Fare clic sulla cella in cui si desidera posizionare il contenuto arricchito. Verrà visualizzata una finestra pop-up in cui puoi impostare i tuoi contenuti multimediali.

Quali opzioni aggiuntive ci sono per personalizzare il tuo tavolo?

Le opzioni della tabella

Questa casella ti consente di definire l'intestazione o il piè di pagina della tabella, che può essere utile se contiene molti dati per migliorare la leggibilità.

Hai anche la possibilità di scegliere colori alternati per le righe della tabella , di evidenziare una riga al passaggio del mouse o di visualizzare il titolo o la descrizione della tua tabella.

Infine, il campo “Classi CSS Extra” ti permetterà di assegnare una o più classi a tua scelta se desideri personalizzarla in CSS.

La libreria JavaScript DataTables

Le opzioni in questa casella ti consentono di dare ai visitatori la possibilità di ordinare, filtrare e cercare nella tua tabella in modo dinamico o di attivare un'impaginazione .

Puoi disabilitare tutto se non ti serve.

Unisciti agli abbonati WPMarmite

Ottieni gli ultimi post di WPMarmite (e anche risorse esclusive).

ISCRIVITI ORA

Come modificare le tue tabelle?

TablePress consente di modificare facilmente la struttura di una tabella.

Nella casella "Gestione tabella", troverai varie opzioni per aggiungere, eliminare, duplicare e nascondere righe e colonne . Puoi anche combinare le celle in una riga o in una colonna.

Per modificare la tua tabella, fai semplicemente clic sulla riga o sulla colonna che desideri modificare.

Quindi selezionare l'effetto appropriato. Ad esempio, abbiamo scelto di seguito di inserire una nuova colonna tra due colonne esistenti:

Una volta completata la tabella, non dimenticare di fare clic sul pulsante "Salva modifiche" nella parte superiore della pagina. Ti consigliamo di farlo regolarmente, poiché non c'è il salvataggio automatico.

Come modificare una vecchia tabella?

Puoi modificare il contenuto e la struttura di una tabella che hai creato in qualsiasi momento.

Per trovare l'elenco delle tabelle esistenti, seleziona TablePress > Tutte le tabelle nel menu di WordPress.

Ora puoi scegliere la tabella che desideri modificare.

Come inserire una tabella in un post o in una pagina?

Ora che hai creato la tua tabella, non devi far altro che inserirla in un post o in una pagina del tuo sito WordPress.

Per fare ciò, apri o crea il documento di destinazione in cui desideri pubblicare la tua tabella, nell'editor di contenuti di WordPress (Gutenberg).

Copia lo shortcode della tabella, disponibile nella casella “Informazioni tabella”:

Cordiali saluti, questo shortcode è nel seguente formato: [table id=<the-ID> /] . Ogni tabella ha il proprio identificatore (il numero 2, nell'esempio sopra).

Incolla lo shortcode in un blocco "Shortcode" all'interno della pubblicazione di tua scelta, dove lo desideri nel contenuto:

Ecco il risultato sul sito:

Tieni presente che il display potrebbe differire leggermente a seconda del tema utilizzato.

Ad ogni modo complimenti: l'hai fatto con le dita nel naso!

Funzionalità aggiuntive per andare oltre con TablePress

Finora, questo tutorial ti ha fornito le basi per creare e aggiornare tabelle in WordPress senza codifica. Puoi anche aggiungere alcune funzioni extra molto utili .

Dopo aver acquisito le nozioni di base, questi tutorial possono aiutarti a implementare alcune delle funzionalità più interessanti:

• Usa le formule nelle celle, come in Excel.
• Personalizza la tua tabella con CSS, questa FAQ ti dà tutte le risposte di cui hai bisogno sulla personalizzazione delle tue tabelle.

Velocizza il tuo sito web con WP Rocket

Trasforma il tuo sito in un razzo con il plug-in di memorizzazione nella cache più potente riconosciuto dagli esperti di WordPress.

Prova WP Rocket

Bonus: estensione TablePress

Puoi aggiungere ancora più funzionalità a TablePress con una libreria di circa 20 estensioni gratuite o premium.

Troverai sul sito web del plugin, 20 estensioni ufficiali. Ecco alcuni dei più utili:

• Tavoli responsive (premium): per avere tavoli belli, adatti a tutti i dispositivi (desktop, tablet e mobile). Ci dispiace che questo plugin sia a pagamento, lascia una grande opportunità per un potenziale concorrente...
• Shortcode per richiamare il contenuto di una singola cella: molto utile se vuoi pubblicare alcuni elementi di una tabella, come un punteggio medio, in diversi punti della tua pagina.
• Importazione automatica e programmata delle tabelle (premium): molto utile se aggiorni le tue tabelle con una soluzione esterna come ad esempio Excel.

Tecnicamente, la stragrande maggioranza delle cosiddette estensioni premium di TablePress può essere effettivamente scaricata e utilizzata gratuitamente. Tuttavia, lo sviluppatore Tobias Bathge ti incoraggia a fare una donazione di qualsiasi importo per premiare il suo lavoro.

Quali altre opzioni ci sono per aggiungere una tabella a WordPress?

Sebbene TablePress sia il plug-in più popolare e con il punteggio più alto nella directory ufficiale per la creazione di una tabella su WordPress, ci sono altre risorse per la progettazione di una tabella.

Il blocco Tabella nell'editor di contenuti di WordPress

Innanzitutto, l'editor di contenuti di WordPress ha un pratico blocco "Tabella" per creare una tabella in modo semplice e rapido nei tuoi contenuti.

In particolare puoi:

• Aggiungi o elimina righe o colonne in tempo reale.
• Scegli tra due stili di visualizzazione: "predefinito" e "righe".
• Cambia il colore del testo e dello sfondo.
• Assegna una larghezza fissa alle tue celle.
• Imposta la larghezza e lo stile dei tuoi bordi, così come la tipografia.

Questo blocco può essere sufficiente per alcune tabelle molto semplici , in cui vuoi semplicemente presentare i dati in modo semplice.

Quelli di voi che desiderano creare tabelle più complesse e riorganizzabili o avere funzionalità simili a Excel, preferiranno TablePress.

Costruttori di pagine

Un'altra opzione per aggiungere una tabella a WordPress è utilizzare un generatore di pagine.

Un page builder è uno strumento che ti consente di creare layout ricchi e complessi per i tuoi contenuti senza toccare una singola riga di codice, soprattutto attraverso l'uso di modelli già pronti. La modifica viene spesso eseguita con il trascinamento della selezione e in tempo reale.

Il più famoso è Elementor, che accumula oltre 5 milioni di installazioni attive nella directory ufficiale. Per quanto potente e flessibile com'è, Elementor non offre un widget (modulo) per costruire un tavolo!

Tuttavia, puoi utilizzare uno dei suoi numerosi componenti aggiuntivi premium per raggiungere i tuoi obiettivi, come Crocoblock, ElementsKit o Ultimate Addons.

E potrei anche avere qualcosa di ancora meglio: puoi semplicemente aggiungere una tabella creata con... TablePress a Elementor. Devi solo aggiungere il suo shortcode nel widget Shortcode proposto da Elementor, proprio come nell'editor di contenuti.

Questo è tutto per Elementor. Citiamo anche brevemente il Divi Builder, l'altro peso massimo del settore.

Ad esempio, TablePress offre un plug-in di terze parti premium, TablePress Styler di Divi-Modules, che ti aiuterà a personalizzare l'aspetto visivo della tabella dall'interfaccia di Divi Builder.

Costruisci il tuo sito web con Elementor

Progetta facilmente l'aspetto del tuo sito Web WordPress con il famoso generatore di pagine.

Prova Elementor

Altri plugin per creare una tabella

Come ultima risorsa, se TablePress non funziona affatto per te, potresti trovare la tua felicità con uno dei plug-in tabella per WordPress di seguito:

• Costruttore di tabelle WP
• wpDataTables
• Generatore di tabelle dati di Supsystic
• Tabelle Ninja

La nostra opinione finale su TablePress

Come probabilmente avrai già capito, sono un grande fan di TablePress per diversi motivi:

• Questo plugin è un'ottima opzione se desideri aggiungere facilmente tabelle avanzate al tuo sito WordPress, senza codifica.
• Grazie alle sue caratteristiche, sarai in grado di creare rapidamente tabelle eleganti che ti aiutano a riassumere e ordinare i dati in un formato di facile lettura.
• La sua interfaccia ispirata a Excel ti consente di andare oltre le semplici tabelle offerte dall'editor di contenuti di WordPress.
• E, soprattutto, ti consente di evitare di creare tabelle in HTML e di passare ore a scherzare con il codice senza successo.

Sul lato negativo, possiamo notare che la personalizzazione della visualizzazione dei vostri tavoli è piuttosto limitata . Per un risultato avanzato e per la tua immagine, dovrai usare i CSS.

Infine, se il plug-in è responsive per impostazione predefinita, le tue tabelle non si adatteranno sempre automaticamente alle diverse dimensioni dello schermo. A volte, il display potrebbe essere tagliato, ad esempio nell'angolo destro.

Anche in questo caso, a volte è consigliabile aggiungere un po' di CSS. Puoi anche utilizzare l'estensione Responsive Tables, menzionata sopra, per risolvere questo problema.

Scarica TablePress nella directory ufficiale:

E tu, usi TablePress? Cosa ne pensi di questo plugin di punta dell'universo di WordPress?