Come creare una tabella in WordPress senza plug-in

Come creare una tabella in WordPress senza plug-in

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

Inizia ora con una prova senza rischi. Nessuna carta di credito richiesta.

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.

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.

Tabella prezzi realizzata con apposito blocco WP

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.

Blocco tabella di WordPress

Oggi esamineremo più in dettaglio Table Block e parleremo di:

Perché le tabelle in WordPress sono pratiche

Tabelle in WordPress – utilizzate nelle ricette dei blog di cucina
Le tabelle ti aiutano a organizzare meglio tutti gli ingredienti nelle tue ricette

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.
Aggiungi tabelle in WordPress facendo clic su "+"
Aggiunta di tabelle facendo clic su "+"

È anche possibile inserire il blocco tabella utilizzando la barra "/", dopo la parola "table" per cercare il blocco tabella.

Aggiungi blocco tabella con barra "/"
Aggiunta di tabelle utilizzando la barra "/"

Dopo aver aggiunto il blocco tabella alla tua pagina o post, devi impostare le impostazioni di base come il numero di colonne e righe.

Blocco tabella con impostazioni di base
Dopo aver creato la tabella, impostiamo 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.
Stile di blocco predefinito e stile di blocco Stripes
Scegli lo stile del tuo blocco tabella tra Default o Stripe

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.

Aggiungi riga dopo nella tabella creata
Un modo semplice per aggiungere la riga successiva in soli 2 clic

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.

Funzionalità celle di tabella a larghezza fissa
Se abiliti la funzione "Celle tabella a larghezza fissa", ogni cella avrà la stessa dimensione

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.

Impostazioni colore del blocco tabella
Modifica del colore del blocco

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.

Blocco tabella di Wordpress
Ora puoi aggiungere intestazione e piè di pagina alla tua tabella

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.

Tabella nidificata nel blocco Colonne di WordPress
Con l'aiuto del blocco Colonne, puoi mettere la tua tabella accanto all'immagine

Puoi leggere di più sul blocco di colonne nel nostro articolo Come creare colonne in WordPress senza plugin.

14 pensieri su “How to Create Table in WordPress without plugin

  1. Ottimo post, wordpress ha opzioni che tonnellate di utenti non vedono, il tuo post lo chiarisce. È il morto dei plugin da tavolo

  2. Che bella informazione! Certoⅼү una lettura da non perdere e una scoperta!
    In realtà mi ha aiutato grazie mille.

  3. Molto utile. Ottimo per conoscere le nuove funzionalità del blocco Gutenberg. Continuate così! Buona giornata 🙂

  4. 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!

  5. 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.

  6. 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ò.

    1. 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

        1. 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

I commenti sono chiusi.