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?
La formattazione di una tabella in WordPress comprende diversi elementi chiave. Essi sono:
- Righe e colonne
- Bordo (colore e raggio)
- Margine e imbottitura delle celle
- Allineamento
- Colore di sfondo
- Font e tipografia
- Reattività
- Intestazione e piè di pagina
- Stile globale
- Aggiunta di immagini, pulsanti e icone
Oltre a questi, ci sono molti altri aspetti da considerare durante la formattazione della tabella.
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.
Anche in questo caso, come il blocco tabella predefinito, è possibile inserire/eliminare righe e colonne dal tavolo.
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.
3. Margine e imbottitura delle celle
È possibile regolare il margine e l'imbottitura delle celle in due modi – individualmente 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.
Ora è possibile impostare il padding per la cella. Questa operazione può avere effetto anche su alcune altre celle, ma non su tutte.
- Impostare il margine e l'imbottitura delle celle in modo universale
Selezionare l'intera tabella. Poi, andare alla scheda Stili.
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.
4. Allineamento
È possibile regolare l'allineamento del testo della cella individualmente.
È 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.
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.
Tableberg dispone anche di alcune funzioni più avanzate. È possibile impostare individualmente il colore di sfondo delle celle, delle righe e delle colonne.
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.
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.
8. Intestazione e piè di pagina
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.
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.
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.
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.