Indice dei contenuti
Definiremmo l'idea principale di qualsiasi CMS come:
Il modo più semplice per mantenere il contenuto del sito Web di manutenzione, mantenerlo aggiornato e accurato da parte di amministratori non tecnici. Grazie a ciò, puoi utilizzare il tuo sito Web come principale canale di comunicazione con basse spese. Pertanto passare a un tema e blocchi Gutenberg è la scelta migliore per raggiungere i tuoi obiettivi di marketing. Dimostriamo quanto sopra presentando come aggiungere una tabella in WordPress senza un plugin.
Puoi trovare alcuni post sul blog su come aggiungere una tabella in WordPress senza un plug-in che menziona che non è facile o che devi usare Google Docs o Word. Bene, potrebbe essere vero a meno che tu non sia ancora passato al tema Citadela Gutenberg. I vecchi temi con il loro generatore di pagine utilizzano un editor classico. E non c'era un'opzione così facile come ti offre l'editor di Gutenberg.
Inizia ora
Pagamento unico. Garanzia di rimborso di 30 giorni.
Esplora due opzioni per le tabelle WordPress in Citadela
In base al contenuto della tua tabella WordPress, hai due scelte per il blocco Gutenberg che crea una tabella in WordPress. Stai ottenendo molte più opzioni di quanto tu possa immaginare in combinazione con altri blocchi.
- Blocco tabella prezzi (disponibile solo in plug-in Citadela Pro)
- Blocco tabella (blocco principale di WordPress)
Usa la versione premium Citadela e non avrai bisogno di un plug-in aggiuntivo per aggiungere la tabella in WordPress.
Blocco tabella dei prezzi
Poiché le tabelle vengono solitamente utilizzate per presentare articoli e prezzi, abbiamo creato uno speciale blocco Tabella prezzi, incluso nel plug-in Citadela Blocks (ampiamente compatibile con la maggior parte dei moderni temi WP). Puoi usarlo molto facilmente nell'editor di blocchi di WordPress per presentare e amministrare i prezzi in modo attraente.
Questo blocco ha impostazioni avanzate e puoi configurare la versione reattiva in base alle tue esigenze. È disponibile in Plug-in Citadela Pro.
Tuttavia, lo stesso WordPress offre un blocco predefinito per la creazione di tabelle. Si chiama semplicemente: Blocco tavoloe puoi usarlo per creare una presentazione molto semplice, ad esempio dei tuoi pacchetti di abbonamento, in pochi minuti.
Oggi esamineremo più in dettaglio Table Block e parleremo di:
- Perché le tabelle in WordPress sono pratiche
- Come usare Table block e creare una tabella in WordPress (senza plugin)
- Impostazioni blocco tabella nella barra degli strumenti
- Impostazioni del blocco della tabella di WordPress nell'ispettore
- Suggerimento extra: come inserire una tabella accanto all'immagine
Perché le tabelle in WordPress sono pratiche
Le tabelle hanno un utilizzo universale in Post e Pagine. La funzionalità di base consiste nell'organizzare dati o numeri. Le tabelle sono utili anche per i blogger. Ad esempio, i travel blogger possono confrontare i prezzi per le singole destinazioni. I food blogger possono creare facilmente un elenco di ingredienti o la quantità richiesta.
Infine, ma non meno importante, è possibile utilizzare tabelle per presentare orari di apertura o tabelle dei prezzi di servizi e prodotti. Non importa se hai un sito web per un ristorante, un salone di bellezza o una panetteria. Troverai sicuramente l'utilizzo delle tabelle sul tuo sito web.
Come utilizzare il blocco tabella e creare una tabella in WordPress (senza plug-in)
Creare tabelle in WordPress utilizzando l'editor di blocchi è un gioco da ragazzi. Utilizzando Table block puoi creare tabelle in pochi clic senza plug-in o codifica. Diamo un'occhiata a come funziona:
- Come prima cosa devi inserire il blocco WordPress Table. Puoi farlo cliccando su "+" che si trova nella barra in alto o ovunque all'interno dell'editor. Successivamente, puoi scegliere un blocco particolare.
È anche possibile inserire il blocco tabella utilizzando la barra "/", dopo la parola "table" per cercare il blocco tabella.
Dopo aver aggiunto il blocco tabella alla tua pagina o post, devi impostare le impostazioni di base come il numero di colonne e righe.
Esplora il nuovissimo tema Citadela, in cui puoi creare tabelle utilizzando il blocco tabella di WordPress e utilizzare anche i nostri blocchi personalizzati. Scopri di più su Citadela che puoi personalizzare con pacchetti di layout sviluppati per specifici tipi di attività.
Impostazioni blocco tabella nella barra degli strumenti
Ora sai come creare una tabella in WordPress. Successivamente ti mostreremo come lavorarci.
La barra degli strumenti superiore sopra la tabella consente di apportare modifiche allo stile e alla formattazione. Usando queste impostazioni puoi cambiare l'aspetto del tavolo. Non dimenticare che l'aspetto finale dipende sempre dal tema WordPress attivo che utilizzi.
Cosa può essere cambiato?
1. Stili di blocco
Usando la prima icona puoi selezionare gli stili delle tabelle. Puoi scegliere una delle 2 opzioni:
- Predefinito – le celle della tabella avranno i bordi, senza alcuno sfondo. Il colore di sfondo per l'intero blocco può essere aggiunto in seguito.
- strisce – tabella senza bordi, ma ogni seconda riga verrà evidenziata utilizzando uno sfondo. Questo stile è più moderno e meno formale.
2. Allineamento del blocco tabella di WordPress
L'allineamento della tabella può essere modificato anche nella barra degli strumenti in alto sopra il blocco. Puoi scegliere uno di quelli classici come sinistra, destra o centro, ma puoi anche realizzare un tavolo largo o a tutta larghezza. La disponibilità degli ultimi due dipende sempre dal tema WordPress attivo che utilizzi.
3. Formattazione del contenuto della tabella
Il testo oi numeri all'interno delle tabelle possono essere impostati in grassetto o in corsivo. Puoi aggiungere link ad altre pagine, grafici o immagini.
4. Allineamento del testo nella tabella
L'ultima versione di WP assicura che sia possibile allineare non solo l'intera tabella ma anche il testo all'interno delle righe. È ora possibile allineare separatamente il testo inserito su ciascuna riga. Questa funzione ti aiuta a creare una tabella più bella.
5. Numero di colonne e righe
Come aggiungere colonne o righe di tabelle in WordPress? Nel blocco tabella, è molto semplice. Questo blocco consente di aggiungere o rimuovere celle molto rapidamente. Basta fare clic su "Modifica tabella" e successivamente, sull'azione che si desidera eseguire. Se fai clic su "Aggiungi riga dopo", verrà creata subito una nuova riga in basso.
Impostazioni del blocco della tabella di WordPress nell'ispettore
Mentre la barra degli strumenti in alto ti consente di modificare le impostazioni per le celle della tabella, una barra degli strumenti sul lato destro chiamata Ispettore viene utilizzata per impostazioni più complesse del blocco tabella. Anche qui puoi configurare gli stili di blocco (Predefinito o Strisce), ma in più puoi anche impostare il colore di sfondo e la larghezza della tabella.
Impostazioni tabella
Per impostazione predefinita, le celle della tabella si adattano dinamicamente alla quantità di testo che si trova all'interno. Puoi anche consentire la funzione "Celle tabella a larghezza fissa". Tutte le celle avranno la stessa larghezza indipendentemente da ciò che inserisci.
Impostazioni colore
Inspector ti consente anche di cambiare il colore di sfondo della tabella. Se hai selezionato Stile predefinito, l'intera tabella avrà lo stesso colore di sfondo. Se hai selezionato Stripes, solo ogni seconda riga avrà lo sfondo impostato.
Funzionalità appena aggiunta: supporto di intestazione e piè di pagina
Per rendere le tabelle più accessibili, gli sviluppatori hanno aggiunto l'opzione di intestazione e piè di pagina al blocco della tabella di WordPress. Questa funzionalità fornisce anche una migliore definizione strutturale (dei dati) e fornisce informazioni più accurate agli assistenti mobili. La struttura della tabella ora include <thead>, <tfoot>
, E <tbody>
per identificare e distinguere l'intestazione, il piè di pagina e il corpo della tabella. Puoi abilitare o disabilitare la sezione di intestazione e piè di pagina direttamente da Inspector.
Suggerimento extra: come creare una tabella in WordPress senza plug-in accanto all'immagine
Hai bisogno di avere una tabella e un'immagine affiancate? Per farlo è necessario utilizzare Blocco colonne. Questo blocco ti consentirà di inserire diversi tipi di contenuto nelle colonne e di allinearli correttamente.
Come farlo?
Inserisci il blocco tabella in una colonna e il blocco immagine nella seconda. Otterrai una tabella nidificata all'interno del blocco colonne di WordPress accanto all'immagine. È molto semplice e non devi preoccuparti dell'allineamento o della versione reattiva.
Puoi leggere di più sul blocco di colonne nel nostro articolo Come creare colonne in WordPress senza plugin.
Ottimo apporto!
Ottimo post, wordpress ha opzioni che tonnellate di utenti non vedono, il tuo post lo chiarisce. È il morto dei plugin da tavolo
Grande…!
Senza plug-in classico
Che bella informazione! Certoⅼү una lettura da non perdere e una scoperta!
In realtà mi ha aiutato grazie mille.
Grazie. è stato davvero di aiuto
Molto utile. Ottimo per conoscere le nuove funzionalità del blocco Gutenberg. Continuate così! Buona giornata 🙂
Manca una caratteristica per eccellenza, ovvero la reattività.
Se visualizzo la tabella su dispositivi mobili con 6 o più colonne, è compressa e ha un aspetto orribile.
Almeno avrebbero dovuto provarlo!
Questo è davvero molto utile. Grazie
Ora hai finito di creare la tabella, il prossimo passo è aggiungerla al tuo post. Per fare ciò, dovrai prima copiare lo Shortcode della tabella. Questo può essere fatto navigando su TablePress All Tables. Quindi individua la tabella che desideri copiare, sotto di essa fai clic su Mostra shortcode? Al clic, verrà visualizzato un avviso pop che mostra lo shortcode.
Non riesco a capire perché gli sviluppatori di WordPress non abbiano pensato di rendere il tavolo reattivo nel 2020. Com'è possibile? Quindi, prima che ciò accada, ci sarà ancora un uso dei plugin per risolvere questo problema. A mio onesto parere. Ottimo articolo però.
Come aggiungere bordo alla tabella?
Ciao,
Grazie per avermelo chiesto. Non esiste alcuna opzione per gestirlo nell'amministrazione del pannello per impostazione predefinita. Forse potresti prendere in considerazione l'utilizzo di un altro tipo di blocco tabella. Dai un'occhiata a quello fornito da PublishPress Blocks (dove puoi gestire diversi tipi di bordi, colori, caratteri, sfondo ecc.
Buona giornata!
Zlatko
squadra dell'AIT
Esiste un modo per unire le celle di una colonna senza utilizzare alcun plug-in?
Ciao,
Grazie per avermelo chiesto. Il blocco trattato dalla community di WordPress non consente per il momento di unire le celle. Forse, in futuro potrebbe esserci un'opzione per questo.
Se c'è qualcos'altro che possiamo aiutarti, non esitare a contattarci.
Buona giornata!
Zlatko
squadra dell'AIT