Come creare tabelle in WordPress utilizzando Elementor e TablePress

Rifat Elementor Jan 24, 2023

Avere accesso a un database basato su tabelle è una funzionalità utile per molti siti WordPress. Consentono di visualizzare i dati in modo facile da comprendere per i visitatori del sito e possono essere utilizzati per organizzare, confrontare e suddividere le informazioni. Saper creare una tabella in WordPress è, quindi, un'abilità molto preziosa.

I metodi tradizionali di creazione manuale di tabelle HTML richiedono molto tempo e sono inefficienti. Inoltre, WordPress non aveva questo tipo di supporto integrato fino a quando non è uscito il nuovo editor Gutenberg, che ha un blocco tabella. Fortunatamente, il CMS ha molti plug-in che semplificano l'aggiunta di tabelle al tuo sito.

TablePress è il più utilizzato. Crea tabelle con un editor visivo e integrale perfettamente nella tua scrittura. Il fatto che abbia oltre 700.000 installazioni e un punteggio medio di recensioni di 4,5 stelle suggerisce che si comporta egregiamente.

Scopri come utilizzare Elementor e TablePress per creare bellissime tabelle sul tuo sito WordPress. In questo articolo, ti presenteremo il plug-in e le sue funzionalità, ti guideremo attraverso i passaggi per creare nuove tabelle e importarle ed esportarle e tratteremo le estensioni pertinenti.

Create Amazing Websites

Con il miglior generatore di pagine gratuito Elementor

Parti ora

Aggiungi tabelle a WordPress

Parliamo del plugin che useremo prima di entrare nel vero e proprio how-to di questo post.

Come è stato stabilito, TablePress gode del più alto livello di adozione tra i suoi contemporanei. La spiegazione più probabile per questo è la sua facilità d'uso, soprattutto per i nuovi arrivati. Sarai in grado di verificare questa affermazione in basso. Ma il plugin ha altre caratteristiche che lo distinguono:

  • Importa dati da molti formati–Oltre a semplificare la creazione di tabelle, TablePress consente anche di importare dati da una varietà di fonti (Excel, CSV, HTML e JSON). I dati del tuo foglio di calcolo saranno pronti per l'uso senza la necessità di inserimento manuale.
  • Esportabilità–Al contrario, puoi esportare le tue tabelle da TablePress in diversi tipi di file. Ciò ti dà la libertà di copiare e incollare i dati in un foglio di calcolo Excel o di utilizzarli in qualsiasi altro modo tu ritenga opportuno.
  • Extendability–Lo sviluppatore di TablePress ha creato una serie di estensioni oltre al plug-in principale. Puoi aggiungere filtri di colonna, un'opzione di esportazione PDF e altro alle tue tabelle con il loro aiuto. Nella conclusione dell'articolo, ne parleremo ulteriormente.

Crea tabelle in WordPress con TablePress & Elementor

Inizieremo con le basi dell'utilizzo del plug-in TablePress per creare nuove tabelle in WordPress.

Installa TablePress

Naturalmente, l'impostazione del componente aggiuntivo TablePress è il primo ordine del giorno. È possibile nello stesso modo in cui installeresti qualsiasi altro plugin di WordPress. Tutto quello che devi fare è accedere a Plugin > Aggiungi nuovo, digitare il nome del plug-in nella barra di ricerca, quindi fare clic su Installa.

Assicurati di attivare il plug-in dopo averlo caricato sul tuo sito.

Aggiungi una nuova tabella

Quando TablePress è abilitato, una nuova opzione apparirà nel menu di amministrazione di WordPress. Quando lo selezioni, verrai portato qui.

Tutte le attività relative alle tabelle per il tuo sito WordPress possono essere gestite in questa sezione. Se hai bisogno di assistenza, puoi trovare alcuni collegamenti ad altre risorse in alto.

Selezionare il pulsante Aggiungi nuovo per creare una nuova tabella. Quando lo fai, arriverai alla seguente posizione:

Per creare una tabella, tutto ciò che devi fare è assegnarle un nome, darle una descrizione facoltativa e quindi decidere di quante righe e colonne avrà bisogno. Quando sei pronto, seleziona Aggiungi tabella dal menu.

Riempi la tabella con il contenuto

Successivamente, puoi iniziare a inserire i dati nelle celle della tabella. Non dovresti avere problemi con questo se hai esperienza nell'uso di un foglio di calcolo.

Puoi utilizzare le piccole icone a forma di freccia per ordinare le righe e le colonne e puoi trascinare e rilasciare righe e colonne per riordinarle. Se stai cercando motivi convincenti a supporto dell'utilizzo di Elementor Pro , puoi trovarli qui.

Configura opzioni avanzate

Di seguito sono fornite opzioni aggiuntive per lavorare e formattare le tabelle.

Utilizzando il sofisticato editor situato in alto, puoi aggiungere media come collegamenti e immagini oltre al testo. Per aggiungere contenuto a una cella utilizzando uno dei tre metodi, seleziona prima il pulsante che ti serve, quindi la cella. Quando attivi il plug-in, vedrai un menu di impostazioni standard per tutte e tre le scelte.

Puoi anche nascondere righe o colonne, creare copie di celle esistenti, aggiungerne di nuove, eliminare quelle esistenti e aggiungerne di nuove. Indica cosa vuoi modificare facendo clic sui pulsanti di opzione corrispondenti sul lato.

Nel menu Opzioni tabella, puoi modificare l'aspetto della tabella, ad esempio aggiungendo un'intestazione o un piè di pagina. Puoi modificare i colori delle righe, il loro aspetto quando ci passi sopra con il mouse e il modo in cui vengono mostrati il ​​titolo e la descrizione della tabella. Inoltre, puoi utilizzare le classi CSS per applicare il tuo stile unico.

Alla fine, troverai una serie di pulsanti per regolare vari aspetti della libreria JavaScript delle tabelle.

C'è una barra di scorrimento orizzontale, una barra di ricerca e una barra del numero di pagina e la tabella può essere ordinata. Viene inoltre fornito uno spazio per i parametri specificati dall'utente.

Mostra la tabella sul tuo sito

Usando i pulsanti in fondo alla pagina, puoi guardare la tabella finita o salvarla. Controllare lo shortcode nell'angolo in alto a destra è il passaggio più importante dopo il salvataggio.

Usalo per aggiungere la tabella al tuo sito WordPress. Puoi sempre tornare all'elenco delle tabelle e fare clic su Mostra shortcode per controllare come appare.

Puoi incollare lo shortcode in un widget di testo, un post o una pagina per far apparire una tabella lì.

TablePress aggiunge anche un pulsante per l'inserimento di tabelle nell'editor standard di WordPress.

Quando fai clic su questo, ti verranno mostrati gli shortcode e i pulsanti della tabella per aggiungerli al tuo contenuto.

In ogni caso, ecco come apparirà sulla pagina. Prestare attenzione alla funzione di ricerca e ai numeri di pagina.

Usa le tabelle TablePress in Elementor

Elementor ti consente anche di includere tabelle nei tuoi modelli per cose come singoli post. È facile da fare. Basta aprire il modello che si desidera utilizzare, cercare il widget Shortcode sulla sinistra (la barra di ricerca può essere d'aiuto) e rilasciarlo nel punto in cui si desidera visualizzare la tabella.

Lo shortcode della tabella dovrebbe quindi essere incollato nel campo a sinistra. Tieni presente che la finestra di anteprima in TablePress mostra solo lo shortcode e non la tua tabella effettiva.

Non lasciarti disturbare, però. La tabella verrà visualizzata correttamente nell'anteprima o nella versione finale del modello.

Rieditare le tabelle

Puoi tornare al menu principale di TablePress in qualsiasi momento per apportare modifiche a uno dei tuoi tavoli. I nomi delle tabelle nel tuo elenco diventeranno modificabili quando ci passi sopra con il mouse.

Se fai clic su questo, verrai portato alla schermata di modifica standard, dove puoi apportare le modifiche necessarie. Quando aggiorni la tabella, rifletterà tali modifiche ovunque venga utilizzata.

Importare una tabella con TablePress

Come già detto, le informazioni possono essere importate da un file invece di essere digitate a mano. Se hai familiarità con TablePress, scoprirai che farlo è facile come creare un nuovo tavolo.

Importa la tua tabella

TablePress > Import a Table (accessibile anche dalla barra di navigazione) contiene tutte le impostazioni rilevanti per questo scopo.

Trova prima un feed di dati adatto da utilizzare come input. Puoi farlo in diversi modi, incluso caricando un file, utilizzando un URL, accedendo a un file sul tuo server o digitando (copiando e incollando).

A tale scopo, abbiamo bisogno di utilizzare un file. Per farlo, seleziona il pulsante Sfoglia e individua il foglio di calcolo che desideri aggiungere. Quando hai finito, comunica a TablePress quale formato è tramite il menu a discesa (CSV, HTML, JSON o Excel).

È bello perché puoi utilizzare le informazioni per creare una tabella nuova di zecca, aggiornarne una esistente o aggiungerne una esistente. Quando si utilizzano gli ultimi tre metodi, sarà necessario selezionare manualmente la tabella appropriata.

Modificare le impostazioni come richiesto, quindi fare clic sul pulsante "Fine".

Controlla e formatta

L'importazione della tua tabella ti porterà alla stessa pagina in cui ti trovavi prima.

Tutte le tue informazioni dovrebbero essere inserite correttamente a questo punto. Quindi, ora devi solo impostare le preferenze visive e funzionali.

Mostralo sul tuo sito

Quindi, puoi utilizzare lo stesso shortcode per posizionare la tabella importata ovunque sul tuo sito desideri.

TablePress – Esportazione di una tabella

Infine, parleremo delle funzionalità di esportazione del plugin. TablePress > Export a Table è ovviamente dove troverai questa funzione, ma puoi anche accedervi tramite la scheda nella parte superiore del menu principale. Questa schermata può essere raggiunta tramite entrambe queste opzioni.

Innanzitutto, scegli la tabella che desideri esportare. Puoi esportare tutte le tabelle del tuo sito WordPress selezionandole una per una e poi facendo clic sul pulsante Esporta in CSV o Excel. Seleziona il formato di esportazione desiderato (Comma Separated Values ​​(CSV), HTML o JSON) e il delimitatore tra i valori per le esportazioni CSV di seguito (virgola, punto e virgola o tabulazione). Puoi anche scegliere di generare un archivio compresso. Quando si esportano più tabelle contemporaneamente, questa opzione è obbligatoria.

Dopo aver finito di fare le tue scelte, puoi scaricare il tuo file facendo clic sul pulsante Scarica file di esportazione.

Opzioni plug-in disponibili

TablePress ha un menu di opzioni molto minimale.

La formattazione della tabella tramite fogli di stile a cascata (CSS) è l'obiettivo principale di queste opzioni. Lo sviluppatore ha incluso un sacco di documentazione per assisterti se ne hai bisogno o se non lo conosci. Al di sotto, troverai un dispositivo di scorrimento che ti consente di riorganizzare l'ordine delle voci del menu principale. Un collegamento per rimuovere il plug-in e alcuni suggerimenti utili sono forniti in fondo alla pagina. Alcune delle funzionalità aggiuntive del plug-in sono elencate nei componenti aggiuntivi che seguono, se ciò non bastasse.

Utili componenti aggiuntivi di TablePress

Come accennato all'inizio, TablePress ha una serie di plugin che possono essere aggiunti. I componenti aggiuntivi più utili sono riassunti di seguito.

Tuttavia, alcuni sono stati etichettati come "premium", anche se sono tutti gratuiti.

Sono quelli che sono stati faticosamente realizzati e l'autore chiede un contributo monetario in cambio della loro distribuzione.

  • Tabelle reattive –Le tabelle TablePress predefinite non sono ottimizzate per i dispositivi mobili. Questo può essere risolto con questo componente aggiuntivo. Esistono tre metodi per rendere le tabelle compatibili con i dispositivi mobili, ciascuna con il proprio set di istruzioni ed esempi.
  • Conversione URL automatica –Questo componente aggiuntivo è utile se prevedi di creare una tabella con un numero elevato di URL. Qualsiasi URL incollato sarà reso cliccabile senza la necessità di un pulsante.
  • DataTables Sorting Plugins – Valuta, numeri con testo e intervalli di date possono ora essere ordinati individualmente.
  • DataTables Buttons – Con questo componente aggiuntivo, puoi facilmente inserire più pulsanti di opzione nelle tue tabelle. Offre la possibilità di copiare negli appunti e nei formati di file PDF ed Excel.
  • DataTables FixedColumns –Imposta le colonne in una tabella in modo che rimangano fisse mentre il resto della tabella viene fatto scorrere orizzontalmente.
  • DataTables FixedHeader –Lo stesso vale per l'intestazione come con la soluzione delle colonne.
  • Cambia il [table] Shortcode – Ti consente di modificare il nome del shortcode TablePress per evitare incompatibilità con altri componenti aggiuntivi e scelte di design (o solo per il gusto di farlo).
  • Importazione automatica della tavola periodica –Fai in modo che i dati vengano importati automaticamente da una tabella di origine a intervalli predeterminati.

Pensieri finali

C'è una buona ragione per cui TablePress è il plugin più scaricato per gli utenti di WordPress che vogliono creare e includere tabelle. Il processo è semplificato e reso più piacevole di conseguenza. Questo plugin è altamente raccomandato se hai bisogno di strutturare le informazioni sul tuo sito web.

Ora sai come utilizzare TablePress, come visualizzare le tabelle su un sito Elementor , come importare dati da tabelle esterne e come esportare tabelle dal tuo sito. Inoltre, abbiamo discusso i vari plugin ed estensioni che possono essere utilizzati. La procedura è semplice.

Ormai dovresti essere sicuro della tua capacità di creare tabelle sul tuo sito WordPress.

Divi WordPress Theme