Come formattare le tabelle in WordPress

Come formattare le tabelle in WordPress

Formattare una tabella in WordPress significa creare e stilizzare una tabella in modo tale che diventi facile presentare i dati all'interno della tabella in modo confortevole e visualizzarli su post e pagine web. Aiuta a migliorare la chiarezza e la leggibilità dei contenuti.

WordPress offre un blocco tabella integrato. Tuttavia, con questo blocco è possibile creare solo tabelle di livello base, poiché manca di numerose funzionalità avanzate. In questo caso, è possibile utilizzare il blocco Tavolo di lavoro per formattare correttamente le tabelle in WordPress.

In questo post vi mostreremo passo dopo passo come formattare le tabelle in WordPress utilizzando il plugin Tableberg.

Cosa comprende la formattazione di una tabella in WordPress?

Formattazione delle tabelle in WordPress

È possibile eseguire tutte le formattazioni di cui sopra su WordPress con il plugin Tableberg. Vediamo come fare.

Nota: il blocco Tabella predefinito non ha molte opzioni di formattazione. In questa esercitazione, utilizzeremo l'opzione Plugin Tableberg per formattare una tabella di WordPress.

1. Righe e colonne

Come il blocco tabella predefinito, Tableberg consente di definire il numero di righe e colonne.

Impostare il numero di riga e di colonna

Anche in questo caso, come il blocco tabella predefinito, è possibile inserire/eliminare righe e colonne dal tavolo.

Aggiungere o eliminare la riga o la colonna della tabella

2. Impostare il bordo (colore e raggio)

È possibile impostare la tabella colore e larghezza del bordo, e raggio, cosa che non è possibile con il blocco predefinito. È possibile impostarli entrambi per il blocco interno e confini esterni.

Impostare il bordo (colore e raggio)

3. Margine e imbottitura delle celle

È possibile regolare il margine e l'imbottitura delle celle in due modiindividualmente e universalmente.

  • Impostare il margine e l'imbottitura per le singole celle

Posizionare il cursore su una cella qualsiasi. Fare clic sul pulsante icona più (+) accanto all'opzione Dimensioni. Verranno visualizzate due opzioni: Padding e Margin.

Impostare padding e margine per ogni singola cella

Ora è possibile impostare il padding per la cella. Questa operazione può avere effetto anche su alcune altre celle, ma non su tutte.

Impostare il padding per le singole celle
  • Impostare il margine e l'imbottitura delle celle in modo universale

Selezionare l'intera tabella. Poi, andare alla scheda Stili.

Impostare il margine e l'imbottitura delle celle in modo universale

Scorrendo la scheda, si arriva all'opzione Dimensioni. Sotto l'opzione, si trovano Imbottitura e Spaziatura celle. Utilizzando queste opzioni, è possibile impostare il padding e la spaziatura delle celle in modo universale.

Impostare padding e margine alle celle della tabella in modo universale

4. Allineamento

È possibile regolare l'allineamento del testo della cella individualmente.

Impostare l'allineamento delle celle

È inoltre possibile regolare l'allineamento dell'intera tabella. A tale scopo, selezionare la tabella facendo clic sull'icona Tableberg. Quindi, scegliere l'opzione di allineamento.

Impostare l'allineamento della tabella

5. Colore di sfondo

Selezionare la tabella. Terreno sul Scheda Stili. Si otterrà l'opzione del colore. È possibile scegliere lo sfondo separatamente per le righe dispari, le righe pari, l'intestazione della tabella e il piè di pagina.

Aggiungere il colore di sfondo alla tabella

Tableberg dispone anche di alcune funzioni più avanzate. È possibile impostare individualmente il colore di sfondo delle celle, delle righe e delle colonne.

Imposta il colore di sfondo della cella

6. Caratteri e tipografia

L'opzione predefinita del plugin consente di configurare le impostazioni tipografiche, che includono il carattere, l'aspetto, l'altezza della linea, l'interlinea, la decorazione, le maiuscole, ecc.

Scegliere il carattere e la tipografia

Imparare come creare una tabella di specifiche di prodotto su WordPress.

7. Reattività

Tableberg consente di rendere la tabella perfettamente reattiva, in modo che si veda bene su tutti i dispositivi, compresi desktop, tablet e cellulari.

Rendere la tabella reattiva

Anche se di solito non aggiungiamo intestazione e piè di pagina alle nostre tabelle giornaliere, è possibile aggiungerle facilmente utilizzando il plugin Tableberg. L'opzione è disponibile nel plugin.

Aggiungere un'intestazione e un piè di pagina alla tabella

9. Stile globale

Lo stile globale si riferisce a un insieme coerente di disegni applicati a tutta la tabella. Il plugin Tableberg consente di configurare lo stile globale dei caratteri, che include il colore del carattere, il colore del collegamento e la dimensione del carattere.

Stile globale in Tableberg

10. Aggiunta di immagini, pulsanti e icone

Proprio come l'editor di blocchi di Gutenberg, il plugin Tableberg consente di aggiungere diversi tipi di contenuto come immagini, pulsanti, icone e nastri alle celle della tabella, utilizzando i rispettivi blocchi. Successivamente, è possibile stilizzarli come qualsiasi altro blocco.

Aggiunta di immagini, pulsanti e icone

Esplorare come creare una tabella di confronto su WordPress.

Conclusione

Anni fa, per progettare le tabelle delle pagine web si doveva dipendere molto dalla codifica CSS e HTML personalizzata. Ma oggi, con la Tavolo di lavoro è possibile farlo in modo semplice, senza dover eseguire alcuna operazione di codifica.

Tableberg ha già rilasciato molte funzioni interessanti e molte altre sono ancora in preparazione. Molto presto, sarà una soluzione unica per tutto ciò di cui avete bisogno su un tavolo. Quindi, acquistate il plugin oggi stesso e vivete un'esperienza meravigliosa.



Il team Tableberg