Le tabelle sono lo strumento adatto in WordPress per presentare i dati in modo organizzato, ma le tabelle semplici e monocromatiche potrebbero non riuscire a catturare l'attenzione o a comunicare in modo efficace. Perciò, quando cercate un modo per migliorare l'aspetto delle vostre tabelle, l'aggiunta di colori diversi nei vari attributi può essere una soluzione semplice.
Una semplice modifica dei colori nei diversi elementi della tabella può cambiare il modo in cui la tabella si presenta agli occhi degli spettatori. Utilizzando strategicamente i colori per intestazioni, piè di pagina, colonne, righe, bordi o celle specifiche, è possibile modificare la tabella di base in uno strumento di comunicazione efficace.
Questo articolo vi mostra come sia facile migliorare l'aspetto delle tabelle di WordPress. Si concentra su metodi semplici e adatti ai principianti che consentono di aggiungere colori alle tabelle, senza dover scrivere una sola riga di codice.
Passiamo in rassegna questi metodi e passaggi per avere una comprensione più chiara degli approcci per colorare le tabelle.
- Metodo 1: Utilizzo del blocco tabella predefinito
- Metodo 2: utilizzo del plugin Tableberg
- Passo 1: installare e attivare l'Tableberg
- Passo 2: Creare o selezionare una tabella
- Passo 3: personalizzare i colori dell'intestazione e del piè di pagina
- Fase 4: Modellare lo sfondo (riga, colonna e cella)
- Fase 5: Regolazione dei colori dei bordi
- Fase 6: Regolazione dei caratteri e del colore del testo
Metodo 1: Utilizzo del blocco tabella predefinito
Il blocco Tabella di WordPress è una funzione integrata nell'editor Gutenberg, progettata per la creazione e la personalizzazione di tabelle semplici. Sebbene le sue opzioni di colore siano piuttosto elementari, è possibile regolare i colori dello sfondo e del testo con facilità.
Passo 1: selezionare la tabella
Individuare la tabella che si desidera personalizzare nell'editor di WordPress, quindi fare clic sulla tabella per aprire il pannello delle impostazioni del blocco sul lato destro.
Passo 2: Accesso alle impostazioni di blocco
Con la tabella selezionata, individuare il punto Scheda Stili dal pannello delle impostazioni del blocco e fare clic su di esso. Quindi, spostarsi nella sezione Impostazioni del colore sezione.
Passo 3: personalizzare i colori del testo, dello sfondo e dei bordi
Nel pannello Impostazioni colore, scegliere un colore di sfondo appropriato da applicare all'intera tabella. È possibile scegliere tra uno sfondo a tinta unita o sfumato, ma è bene tenere presente che il colore di sfondo sarà applicato uniformemente all'intera tabella, non a righe o celle specifiche.
Quindi, selezionare un colore di testo per garantire la leggibilità del contenuto sullo sfondo scelto.
Spostarsi sull'opzione del colore del bordo all'interno delle stesse impostazioni e selezionare un colore che si adatti al design del tavolo. Questa modifica avrà un effetto uniforme sui bordi dell'intero tavolo..
Limitazioni del blocco tabella predefinito
- Nessun supporto per i colori alternati di righe o colonne.
- Nessuna opzione per personalizzare i colori delle singole celle.
- Le sezioni dell'intestazione e del piè di pagina non possono essere evidenziate con colori separati.
Metodo 2: utilizzo del plugin Tableberg
Tavolo di lavoro è un plugin specializzato per gli utenti che hanno bisogno di opzioni di personalizzazione più avanzate per le loro tabelle. Questo metodo è ideale per coloro che desiderano un maggiore controllo sulla progettazione delle tabelle rispetto al Table Block predefinito.
Passo 1: installare e attivare l'Tableberg
Aprite la vostra dashboard di WordPress e andate su Plugin, quindi fare clic su Aggiungi nuovo. Tipo "Tavolo di lavoro" nella barra di ricerca, installarlo e attivare il plugin.
Passo 2: Creare o selezionare una tabella
Aprire la pagina o il post in cui si desidera aggiungere la tabella, fare clic sull'inseritore di blocchi (+) e aggiungere il blocco tableberg. Una volta terminato, creare la tabella in base alle proprie esigenze e popolarla con i contenuti. Infine, selezionare l'intera tabella facendo clic sul pulsante Icona Tableberg nella barra degli strumenti del blocco per aprire la finestra Impostazioni del blocco.
Passo 3: personalizzare i colori dell'intestazione e del piè di pagina
Per prima cosa, assicurarsi che il tavolo abbia un Intestazione e Piè di pagina che soddisfa le vostre esigenze. A questo punto, spostarsi nella scheda Stili del pannello delle impostazioni del blocco e utilizzare le opzioni di colore per assegnare i colori di sfondo a queste sezioni.
Fase 4: Modellare lo sfondo (riga, colonna e cella)
Dalla sezione delle impostazioni dello stesso colore, è possibile impostare lo stesso colore per le righe pari e dispari. Se si desidera un colore uniforme per l'intero sfondo (a parte l'intestazione e il piè di pagina) della vostra tabella, mettete lo stesso colore in queste sezioni.
Per le singole celle, selezionarle e spostare nuovamente le impostazioni del colore. Selezionare il colore appropriato per la cella.
Allo stesso modo, se si desidera avere un colore uniforme per un'intera riga o colonna, selezionare prima la riga o la colonna e poi utilizzare le impostazioni del colore per modificarlo. Tuttavia, se si sta già utilizzando l'opzione del colore di riga pari/dispari, è necessario cancellare tali colori prima che questa impostazione diventi effettiva.
Fase 5: Regolazione dei colori dei bordi
Scorrere ulteriormente nella sezione Scheda Stili e individuare il file Impostazioni del bordo. Troverete uno spettro di funzioni per applicare i colori a tutti i bordi della tabella. Per prima cosa, è possibile modificare il bordo della tabella dall'opzione Table Border e poi modificare il colore del bordo interno dalla sezione Inner Border in modo simile. Per ottenere un effetto migliore, potrebbe essere necessario modificare prima lo spessore di ogni bordo.
Quindi, se si desidera avere un colore di bordo specifico per una riga o una colonna specifica, selezionare prima la riga o la colonna e poi scorrere ulteriormente nella finestra di dialogo Impostazioni del bordo. Trovare le impostazioni per il Bordo della riga e il Bordo della colonna e cambiare i colori.
Fase 6: Regolazione dei caratteri e del colore del testo
Se si vuole cambiare il colore dei caratteri di tutti i testi della tabella, è necessario utilizzare le impostazioni di Stile carattere globale. Scorrete più in basso nel pannello delle impostazioni e individuate la voce Colore del carattere e selezionare il colore desiderato.
Se si desidera modificare il colore del carattere di un testo specifico in una cella particolare, fare clic su tale testo, spostarsi nel campo Stili nel pannello di destra, aprire la scheda Testo Colore e modificarlo.
Conclusione
Il blocco Tabella predefinito è perfetto per le regolazioni di base, mentre Tableberg offre opzioni più avanzate per una personalizzazione dettagliata. Questa guida vi ha mostrato come modellare intestazioni, piè di pagina, righe e celle senza alcuno sforzo, il tutto senza alcuna codifica. Con questi metodi è possibile creare tabelle non solo funzionali, ma anche visivamente in linea con il design del sito. Ora è il momento di mettere in pratica questi suggerimenti e far risaltare le vostre tabelle.
