La maggior parte delle persone che utilizzano WordPress non sono sviluppatori. Blogger, marketer e proprietari di piccole imprese: tutti vogliamo creare tabelle pulite e professionali senza dover ricorrere al codice. È qui che le tabelle WYSIWYG fanno la differenza.
WYSIWYG sta per "What You See Is What You Get". Significa che si costruiscono e si modificano le tabelle in modo da rispecchiare l'aspetto finale, proprio come si farebbe lavorando in un documento di Word. Se il blocco Tabella predefinito vi fa desiderare di più, questa guida fa al caso vostro.
Oggi vi mostrerò come creare una tabella di grande impatto visivo utilizzando il plugin WYSIWYG table builder. La tabella è qui sotto.
🔍 Che cos'è una tabella WYSIWYG in WordPress?
Una tabella WYSIWYG consente di modificare i contenuti in modo visivo, direttamente all'interno dell'editor di WordPress. Niente HTML. Nessun codice breve. Solo risultati in tempo reale e controlli intuitivi.
Ottenete:
-
Modifica in tempo reale senza ricaricare
-
Formattazione flessibile con rich media
-
Un'atmosfera di trascinamento per la struttura
-
Facile integrazione di immagini, icone e pulsanti
È il modo più semplice per creare tabelle ricche di contenuti senza spese tecniche.
Perché il blocco tabelle predefinito di WordPress è insufficiente
Il blocco Tabella integrato fa il suo dovere per i layout di base, ma le sue capacità finiscono qui:
-
Nessun drag-and-drop per le righe o le colonne
-
Personalizzazione limitata dei bordi, della spaziatura o dei colori
-
Non è possibile unire e dividere le celle.
-
Nessun supporto per i media all'interno delle cellule
-
Scarsa reattività dei dispositivi mobili
Se la vostra tabella ha bisogno di qualcosa di più di un semplice testo, vi troverete rapidamente di fronte a un muro.
Perché scegliere un plugin per tabelle WYSIWYG?
Per sbloccare tutto il potenziale del design delle tabelle, un plugin per tabelle visive come Tavolo di lavoro è una scelta intelligente. Vi offre:
-
Editor visivo: Apportate le modifiche che ritenete opportune, senza fare congetture.
-
Trascinamento: Riorganizzare le celle richiede pochi secondi
-
Blocchi multimediali: Aggiungere immagini, pulsanti, icone e stelle di valutazione
-
Stili personalizzati: Controllo del padding, dei bordi, dell'allineamento e dei colori delle celle
-
Facile da usare per i dispositivi mobili: Scegliere la risposta della tabella su schermi più piccoli
Questo tipo di plugin rende la progettazione di tabelle ricche semplice come la modifica di un post del blog.
Creare bellissimi tavoli
Con l'editor di blocchi
🚀 Come creare una tabella WYSIWYG con Tableberg
Per creare una tabella WYSIWYG con Tableberg, dobbiamo prima installare il plugin.
1. Installare il plugin Tableberg
Vai a Plugin (1) > Aggiungi nuovo (2), cercare "Tableberg" (3) e fare clic su Installa (4) seguito da Attiva.
2. Aggiungere una nuova tabella
Aprire un post o una pagina in cui si desidera aggiungere la tabella. Fare clic sul pulsante icona più (+) sull'editore (1). Tipo Tavolo di lavoro nella casella di ricerca (2). Aggiungere il blocco all'editor (3).
Impostare il numero di colonne e righe della tabella. Selezioneremo 3 × 5 per ora, ma creerà o eliminerà colonne e righe se necessario. Fare clic sul pulsante Crea tabella alla fine.
A breve si vedrà la tabella inserita nell'editor, come di seguito.
Fase 3: Aggiungere il contenuto in modo visibile
A. Inserire il contenuto del testo
Posizionare il cursore nelle celle della tabella e digitare come si desidera.
B. Aggiungere immagini
A questo punto, inserire il blocco immagine per inserire le immagini dei prodotti cliccando sul pulsante "+". È possibile caricare immagini o selezionarle dalla libreria multimediale.
C. Aggiungere una valutazione a stelle
Aggiungete le stelle di valutazione, se volete. Le valutazioni a stelle sono un ottimo modo per dimostrare la qualità dei vostri prodotti.
D. Aggiungere i pulsanti
I pulsanti sono un modo efficace per promuovere qualsiasi prodotto o servizio. Quindi posizionateli in modo strategico
Anche il collegamento di un pulsante è semplice: fare clic sul pulsante, selezionare l'opzione di collegamento, inserire il link di destinazione e regolare gli attributi del collegamento.
È possibile regolare e personalizzare i pulsanti dal pannello laterale destro.
E. Inserire le icone
Le icone funzionano a meraviglia per indicare quali funzioni sono disponibili e quali no. L'inserimento del blocco icona è uguale a quello di qualsiasi altro blocco.
F. Inserire un elenco stilizzato
Styled List è un altro blocco essenziale che aiuta ad aggiungere una serie di funzionalità con icone simultaneamente.
Ora aggiungete le vostre caratteristiche. Ogni volta che si preme il tasto "Invio" sulla tastiera, è possibile aggiungere nuove funzioni.
È possibile accedere alle opzioni di personalizzazione del blocco Elenco stilizzato sul lato destro dell'editor.
Ecco la tabella che ho creato utilizzando Tableberg senza personalizzazione.
Ho aggiunto alcuni colori, padding, margini e nastro in alto. Di seguito sono riportate le immagini della personalizzazione che ho effettuato.
Ecco i codici colore che ho utilizzato nella tabella. (Colore intestazione: #f3f3f3, Colore sfondo riga pari: #3fad3d63, Colore sfondo riga dispari: #d1dec8)
Dopo la personalizzazione, la versione finale è presentata di seguito.
Nome del prodotto |
Canon EOS  $1400 Opzione migliore |
Lumix GH6  $1200 |
|---|---|---|
Impermeabilizzazione alle intemperie |
||
LCD touchscreen |
||
Caratteristiche aggiuntive |
|
|
Connettività WIFI |
Una volta soddisfatti, pubblicare o aggiornare la pagina. La tabella con stile visivo è ora attiva.
🔄 Altri plugin per tabelle WYSIWYG da considerare
Mentre Tavolo di lavoro offre un'esperienza fluida e basata su blocchi, ma ci sono altre opzioni solide a seconda delle esigenze:
-
Costruttore di tabelle WP - Drag-and-drop, supporto flessibile per i contenuti, supporto per tutti i costruttori di pagine.
-
Tavoli Ninja - Ricco di funzionalità con integrazioni e logica condizionale
-
TabellaStampa (con estensioni) - Ottimo per grandi insiemi di dati
Ognuno di essi ha dei punti di forza, ma Tableberg è costruito per funzionare in modo nativo con Gutenberg e privilegia l'editing visivo.
💼 Casi d'uso pratici
Le tabelle WYSIWYG sono perfette per:
-
Confronto dei prezzi e ripartizione delle funzionalità
-
Tabelle di affiliazione con pulsanti e valutazioni
-
Griglie dei membri del team o programmi degli eventi
-
Cataloghi di prodotti con cellule ricche di media
-
Istruzioni passo-passo per l'uso
-
Riassunti dei contenuti per lunghi post del blog
Se il vostro contenuto prevede una struttura o un confronto, queste tabelle lo rendono più accattivante e informativo.
Pensieri finali
Creare una tabella di bell'aspetto non dovrebbe essere una sfida tecnica. Un plugin WYSIWYG come Tavolo di lavoro vi dà la libertà di progettare tabelle che si adattano allo stile dei vostri contenuti, senza toccare una sola riga di codice.
Se si desidera visualizzare caratteristiche, confronti o elenchi dinamici, Tableberg lo fa in modo semplice.
Siete pronti a provare l'Tableberg?
Iniziate oggi stesso con l'Tableberg ➔
Per saperne di più!
