Come cambiare il colore di sfondo della tabella in WordPress

Per impostazione predefinita, le tabelle di WordPress vengono create con uno sfondo trasparente. Tuttavia, è possibile modificare lo sfondo delle tabelle in base alle esigenze di progettazione e stilizzazione del sito web.

Questo può aiutare a creare un'identità visiva coesa, migliorando la leggibilità e l'esperienza degli utenti. Questo articolo spiegherà due metodi semplici per cambiare il colore di sfondo in WordPress.

Creare bellissimi tavoli
Con l'editor di blocchi

Metodo 1: Utilizzo del blocco tabella predefinito

Di seguito, si può vedere una tabella fittizia creata con il blocco tabella predefinito di WordPress. Fare clic sull'icona Tabella nella barra degli strumenti per selezionare l'intero blocco tabella.

Selezionare la tabella creata dal blocco tabelle predefinito di WordPress.

Accedere alla scheda Stili nella barra laterale destra. Fare clic sull'opzione Sfondo nella sezione Colore. Si aprirà una casella di colore. È possibile selezionare un colore pieno o sfumato.  

Una volta selezionato un colore, lo si vedrà applicato allo sfondo della tabella in tempo reale.

Cambiare il colore di sfondo della tabella predefinita di WordPress

Metodo 2: utilizzo del plugin Tableberg

Tavolo di lavoro è un promettente plugin per la creazione di tabelle per WordPress. Permette di aggiungere vari tipi di informazioni alla tabella per renderla versatile e in grado di servire obiettivi multiuso.

A differenza del blocco Tabella predefinito, il blocco Tableberg consente di modificare i colori di sfondo per l'intestazione, il piè di pagina e le righe.

Modifica del colore di sfondo dell'intestazione della tabella

(Assicurarsi che la tabella abbia un sezione intestazione)

Per prima cosa, selezionare l'intero blocco Tableberg facendo clic sul pulsante Icona Tableberg (1). Fare quindi clic sul pulsante Scheda Stili (2) dal pannello delle opzioni del lato destro. Infine, cambiare il colore da 'Colore di sfondo dell'intestazione‘ (3).

Modifica del colore di sfondo della riga pari della tabella

Selezionare l'intero blocco Tableberg facendo clic sul pulsante Icona Tableberg (1). Fare quindi clic sul pulsante Scheda Stili (2) dal pannello delle opzioni del lato destro. Infine, cambiare il colore da 'Colore di sfondo della riga pari‘ (3).

Modifica del colore di sfondo della riga dispari della tabella

Selezionare l'intero blocco Tableberg facendo clic sul pulsante Icona Tableberg (1). Fare quindi clic sul pulsante Scheda Stili (2) dal pannello delle opzioni del lato destro. Infine, cambiare il colore da 'Colore di sfondo della riga dispari‘ (3).

Modifica del colore di sfondo del piè di pagina della tabella

(Assicurarsi che la tabella abbia un sezione footer)

Selezionare l'intero blocco Tableberg facendo clic sul pulsante Icona Tableberg (1). Fare quindi clic sul pulsante Scheda Stili (2) dal pannello delle opzioni del lato destro. Infine, cambiare il colore da 'Colore di sfondo del piè di pagina‘ (3).

Ecco fatto. Ecco come si può cambiare il colore di sfondo della tabella creata con il plugin Tableberg.


Conclusione

Spero che ora possiate personalizzare i colori di sfondo delle vostre tabelle in WordPress in qualsiasi momento. Ma ricordate che alcuni colori causano un effetto di disturbo agli occhi dei lettori e disturbano il punteggio di leggibilità. 

Inoltre, se non si utilizzano colori contrastanti, si può ridurre il punteggio di leggibilità. Spero che terrete a mente questi punti mentre cambiate il colore di sfondo della vostra tabella. 



Il team Tableberg

L'offerta Early Bird è ora disponibile!
Questo è il testo predefinito per la barra di notifica