✅ Notizie, temi, plugin WEB e WordPress. Qui condividiamo suggerimenti e le migliori soluzioni per siti web.

Come creare una tabella dati online con WordPress

46

Esistono tabelle WordPress che aiutano a creare grafici e tabelle belli ed efficaci. Tabelle e grafici aiutano a presentare dati e informazioni in un modo facile da capire e assorbire.

Rendono la presentazione più logica e visivamente più accattivante.

Quando è una buona idea utilizzare una tabella per presentare le informazioni? Pensa a usarli per le informazioni sui prezzi di prodotti o servizi.

Usali per elencare il personale, i clienti o i partner, insieme ai dati corrispondenti. O che ne dici di statistiche sportive, squadre e classifiche?

Ma come creare una tabella dati in WordPress? L’editor di WordPress è fantastico ed è utile per molte cose.

Tuttavia, non ha una funzione per creare tabelle. Quindi, quando si crea un post o un blog, non è facile inserire una tabella.

Creare tabelle in WordPress non è facile. Soprattutto per i nuovi utenti di WordPress o che non hanno competenze tecniche.

Un plugin potrebbe essere la risposta. Con un plug-in per tabelle di WordPress, creare tabelle dall’aspetto professionale è un gioco da ragazzi.

Perché utilizzare un plug-in per tabelle?

Come creare una tabella dati online con WordPress

Tabelle e grafici creati con wpDataTables

Con un plugin per WordPress, un utente può creare, regolare e vestire un tavolo. Quindi possono inserire la tabella in WordPress e utilizzarla in vari modi.

Creare tabelle di dati con un plug-in è molto più pratico. Il risultato è più professionale e di alta qualità.

Mettere le informazioni in forma tabulata le rende più comprensibili. Alla gente piace studiarli e guardarli.

Il risultato è che trascorreranno più tempo sul sito Web ed è più probabile che tornino. Questo è un bene per gli affari!

Naturalmente, questo tutorial farà un uso abbondante di wpDataTables. È incredibile vedere quante cose diverse può fare questo plugin e i risultati professionali che dà.

Ha tantissime funzionalità e caratteristiche. Fa molto di più che creare tabelle di base.

L’importazione di grandi set di dati non è facile. wpDataTables ha una funzione che lo semplifica, disponibile con la versione a pagamento.

Come creare una tabella dati online con WordPress

Può esportare le tabelle create in una varietà di formati in un post. Può creare formati CSV o Excel, nonché query ODF e MySQL.

Un vantaggio di wpDataTables è che il suo utilizzo non richiede esperienza o conoscenza di HTML o CSS. C’è una pagina delle impostazioni chiara e pratica che controlla tutto.

Quando tutte le impostazioni sono corrette, è solo questione di copiare e incollare lo shortcode.

Come creare tabelle di dati con il plugin wpDataTables

Ecco come funziona:

Il file sorgente

Come creare una tabella dati online con WordPress

Assicurati di avere il file sorgente pronto. La pagina Configurazione tabella ha una scheda Origine dati.

In questa scheda, gli utenti troveranno varie impostazioni. Questo è anche il punto in cui definire l’origine dati.

Questo può essere:

  • Query MySQL
  • Eccellere
  • CSV
  • XML
  • Foglio di lavoro Google
  • URL
  • Array PHP serializzato

L’esempio utilizza un documento Excel che contiene i dati.

Come creare una tabella dati online con WordPress

Assicurati che tutti i dati siano correttamente tabulati. Se non è organizzato correttamente, wpDataTables avrà difficoltà a leggere le colonne della tabella.

Crea una nuova tabella

Come creare una tabella dati online con WordPress

Per creare una nuova tabella vai su wpDataTables, che si trova nella parte sinistra della dashboard di WordPress. Cliccandoci sopra si aprirà la schermata mostrata sopra.

Qui è dove creare o aggiungere una nuova tabella. Fai clic sul pulsante Aggiungi nuovo e apparirà una schermata simile a quella sopra.

Ora imposta il parametro corretto della tabella. I parametri definiscono come appare la tabella e come si comporta.

Il sottotitolo successivo discute alcune di queste caratteristiche.

Definisci le caratteristiche della tabella

Come creare una tabella dati online con WordPress

Ci sono diverse sezioni nella pagina Impostazione tabella. Questi sono quelli che si trovano nelle prime tre sezioni:

  • Righe predefinite per pagina
  • Nascondi fino al caricamento
  • Blocco informazioni
  • Limita la larghezza della tabella
  • Impaginazione
  • Allineamento dell’impaginazione
  • Layout di impaginazione
  • Reattività
  • Righe per pagina
  • Scorribile
  • Mostra il titolo della tabella
  • Involucro di parole

Tutti i parametri sono personalizzabili. La tabella di dati risultante può essere complicata quanto desiderato.

Come creare una tabella dati online con WordPress

Dopo aver impostato questi parametri, fare clic su Carica file per selezionare il documento di origine.

Dopo le tre sezioni discusse sopra ci sono altre impostazioni di personalizzazione:

Come creare una tabella dati online con WordPress

  • Reattivo. Questa impostazione visualizza la tabella dei dati in base al dispositivo e alle dimensioni dello schermo del visualizzatore.
  • Scorribile. Consente lo scorrimento orizzontale.
  • Nascondi la tabella finché la pagina non è completamente caricata. Un’impostazione pratica per le pagine che si caricano lentamente.
  • Filtraggio avanzato. Aggiunge un filtro alla fine di ogni colonna.
  • Filtra in forma. Aggiunge un filtro nel modulo.
  • Strumenti da tavola. Consente l’incorporamento di funzioni aggiuntive. Questi includono la copia e il salvataggio in Excel o CSV.
  • Abilita l’ordinamento. Aggiungi una funzione di ordinamento delle tabelle.
  • Limita il layout della tabella. Imposta la dimensione della tabella sulla dimensione del contenitore padre.
  • Visualizza la lunghezza. Definisce il numero di voci su una singola pagina.

Come creare una tabella dati online con WordPress

C’è un pulsante Anteprima che mostra come apparirà la tabella. Apporta più regolazioni secondo necessità.

Una volta che tutti i parametri sono corretti e il modulo ottimizzato, fare clic sul pulsante Salva.

Tuttavia, dopo il salvataggio ci sono opzioni aggiuntive. Usali per rendere la tavola ancora migliore.

Come creare una tabella dati online con WordPress

Il plugin ha alcune impostazioni predefinite che vengono utilizzate automaticamente. Queste impostazioni includono il colore e il tipo di filtro.

Ordina i dati in base a parametri come data, ora e testo. Di seguito è riportato un esempio di tipi di colonne, colori, numeri e stringhe modificati.

Salva e copia shortcode

Come creare una tabella dati online con WordPress

Non dimenticare di salvare la tabella e fare clic su Chiudi. Il plugin tornerà direttamente alla home page.

Se tutto è andato bene, viene visualizzata la tabella creata di recente, insieme al titolo, al tipo e a un’opzione di duplicazione.

Mostrerà anche lo shortcode. Copia il codice e vai alla pagina di destinazione.

Aggiungi lo shortcode a una pagina o a un post

Come creare una tabella dati online con WordPress

Aggiungere la tabella a una pagina o a un post ora è molto semplice. Seleziona dove dovrebbe andare e incolla lo shortcode nell’editor della pagina.

Continua a modificare la pagina e ad ottimizzare il contenuto.

Pubblicare

Come creare una tabella dati online con WordPress

Al termine, fai clic sul pulsante Pubblica. La pagina e la tabella dovrebbero assomigliare all’esempio.

Sarà perfetto, coerente e allineato. I dati nella tabella sono di facile lettura e comprensione.

I visitatori del sito web avranno la possibilità di esportare i dati in una varietà di formati. Possono anche filtrare i dati sul sito web

Come creare una tabella dati online con WordPress

C’è anche un’integrazione con wpBakery ed Elementor. Qualsiasi tabella creata con wpDataTables è esportabile in questi page builder.

Come creare tabelle WordPress senza un plug-in

È possibile creare tabelle WordPress senza l’ausilio di plugin. Questo articolo ne discute tre: utilizzo di Fogli Google o Documenti Google, Generatore di tabelle e Editor blocchi.

Utilizzo di Google Documenti o Fogli

Come creare una tabella dati online con WordPress

Questo inizia creando un nuovo documento o foglio Google. Non importa quale.

Questa guida presuppone l’uso di Docs. Dopo aver creato il documento:

  1. Vai a Inserisci
  2. Fare clic su Tabelle
  3. Seleziona il numero di righe e colonne
  4. Premi Invio
  5. Compila i dati
  6. Seleziona la tabella
  7. Copialo _
  8. Incollalo nell’editor di WordPress

Come creare una tabella dati online con WordPress

Con ciò, l’elemento è pronto per la pubblicazione.

Lo svantaggio di questo metodo è che ci sono pochissime opzioni di personalizzazione. Non ha molte scelte per lo styling.

Inoltre, le tabelle risultanti non sono molto reattive. Questi tipi di tabelle di dati sono generalmente molto difficili da leggere sui dispositivi mobili.

Utilizzo dei generatori di tabelle

Come creare una tabella dati online con WordPress

La codifica di base dietro le tabelle di WordPress è basata su HTML. A ciò si aggiungono gli stili CSS per renderli belli.

Quindi creare tabelle di dati senza un plug-in richiede un po ‘di codifica e non tutti sanno come farlo. Per questo motivo, molti dipendono dai plugin e dai generatori di tabelle online.

Creano e compongono una tabella di dati in uno di questi generatori per creare il codice HTML per essa. Quindi copia e incolla il prodotto nel sito Web di WordPress.

Alcuni generatori online migliori creano tabelle reattive che funzionano su schermi di dimensioni diverse. Alcuni altri aggiungono anche uno stile ma di solito le possibilità sono limitate.

Eppure sono molto utili. Alcuni buoni sono Responsive Table Generator Tool e Rapid Tables.

Creazione di tabelle nell’editor blocchi di WordPress

Come creare una tabella dati online con WordPress

Per farlo:

  • Crea un nuovo post o pagina o continua a modificarne uno esistente.
  • Nell’editor, fai clic sul segno + per aggiungere un nuovo blocco.
  • Fare clic su Tabella in Formattazione. Oppure cercalo nel campo Cerca un blocco.

Come creare una tabella dati online con WordPress

  • Scegli il numero di colonne e righe per la tabella. Il valore predefinito è 2×2.
  • Inserisci i dati nelle celle. Le celle si ridimensionano automaticamente in base al contenuto.

Oppure imposta la dimensione della cella su una dimensione specifica usando l’opzione a destra.

Come creare una tabella dati online con WordPress

  • Aggiungi un’intestazione e un piè di pagina nella sezione delle opzioni a destra. L’esempio mostra una tabella con un’intestazione e un colore di sfondo grigio.

Cambia il colore nella scheda Impostazioni colore.

Questi tre metodi per creare tabelle di dati e utilizzarli in WordPress funzionano bene. Ma hanno anche molti limiti.

Ad esempio, non ci sono funzionalità avanzate. Non producono tabelle reattive e spesso causano problemi tecnici.

Considerazioni finali su come creare una tabella di dati in WordPress

Le tabelle sono così utili per presentare i dati, quindi la loro abbondanza sul web non sorprende. Migliorano l’esperienza dell’utente e gli spettatori possono assorbire e comprendere le informazioni.

Il classico editor di WordPress non ha la possibilità di creare tabelle. Come creare una tabella dati in WordPress, quindi?

Bisogna ricorrere all’uso di applicazioni di terze parti. Questo articolo ha mostrato come utilizzare Google Docs per farlo.

Questo post ha anche mostrato come utilizzare il plug-in wpDataTables. Questo plugin può creare tabelle belle e reattive.

È il più facile da usare e offre un’ampia varietà di funzionalità che consentono all’utente di creare la tabella che desidera.

Se ti è piaciuto leggere questo articolo su come creare una tabella di dati, dovresti dare un’occhiata a questo sulle origini dati.

Abbiamo anche scritto di alcuni argomenti correlati come l’alternativa a DataTables ,  la libreria di tabelle JavaScript, i plug-in per le tabelle di WordPress, come creare una tabella in WordPress senza plug- in, come inserire una tabella in WordPress ,  i plug-in delle tabelle dei prezzi di WordPress  e come creare tabelle statistiche in WordPress.

Fonte di registrazione: wpdatatables.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More