Come aggiungere un'immagine a una tabella in WordPress

I contenuti visivi sono indubbiamente fondamentali per coinvolgere gli utenti. Che siate blogger, affiliati, proprietari di un e-commerce o altro, potreste aver bisogno di aggiungere contenuti grafici ai vostri contenuti per vari motivi.

Le immagini sono uno dei contenuti grafici più importanti. Molti utenti non sanno ancora come aggiungere immagini alle tabelle di WordPress. Ma aggiungendo immagini alla tabella, si possono facilmente creare vari tipi di tabelle, come quelle di confronto, di specifiche dei prodotti, di prezzi, ecc.

In questo articolo vi mostreremo due semplici metodi per aggiungere un'immagine a una tabella in WordPress. Iniziamo!

Creare bellissimi tavoli
Con l'editor di blocchi

Metodo 1: Utilizzo del blocco tabella predefinito

L'editor di blocchi predefinito di Gutenberg è dotato dell'opzione Immagine in linea, che si trova nella barra degli strumenti. Utilizzando l'opzione Immagine in linea, potete aggiungere facilmente immagini al vostro WordPress. Ecco il procedimento.

Passo 01: Aggiungere il blocco tabella all'editor

Aprire un post o una pagina in cui si desidera aggiungere la tabella. Aggiungere la tabella Blocco tabella all'editore.

Aggiungere il blocco Tabella all'editor

Definire il numero di righe e colonne.

Definire il numero di righe e colonne

La tabella verrà creata in pochi secondi.

Viene creata una tabella predefinita

Passo 02: Aggiungere l'opzione Immagine in linea alla tabella

Posizionare il cursore sulla cella in cui si desidera aggiungere un'immagine. Viene visualizzata la barra degli strumenti.

Fare clic sul pulsante Più opzione sulla barra degli strumenti. Trovate e premete Immagine in linea nell'elenco.

Passo 03: Selezionare e aggiungere un'immagine

Sarà possibile aggiungere un'immagine dalla Libreria multimediale o caricandola dal disco locale. Scegliere l'immagine desiderata. Fare clic sul pulsante Pulsante di selezione alla fine.

Selezionare e aggiungere un'immagine

L'immagine verrà aggiunta in un secondo. Ora è possibile aumentarne le dimensioni modificandone la larghezza.

Impostare la larghezza dell'immagine in linea

Allo stesso modo, aggiungere una nuova immagine all'altra colonna utilizzando la stessa opzione Immagine in linea.

Aggiungere un'immagine in linea a una tabella

Method 2: Using the Tableberg Block

Tavolo di lavoro è un plugin per la creazione di tabelle ricco di funzioni e facile da usare per i principianti. Con questo plugin è possibile costruire tabelle e aggiungere immagini alle loro celle. Di seguito abbiamo spiegato il procedimento.

Step 01: Add the Tableberg Block to the Editor

Trovate e aggiungete il file Blocco TableBerg nell'editor. Il blocco funziona come il blocco Tabella predefinito, come mostrato sopra.

Trovare e aggiungere il blocco TableBerg all'editor di Gutenberg

Definire il numero di riga e di colonna.

Il contorno della tabella è pronto.

Lo schema della tabella è pronto

Passo 02: Aggiungere il blocco immagine alla tabella

TableBerg include il Blocco immagine. Funziona in modo simile al blocco Immagine di Gutenberg. Aggiungere il blocco Immagine alla cella.

Aggiungere il blocco immagine alla tabella

Selezionare l'opzione per caricare l'immagine desiderata dalla rispettiva fonte. Per questa esercitazione, caricheremo l'immagine dalla Libreria multimediale.

Selezionare l'opzione di caricamento delle immagini

Passo 03: Selezionare e caricare un'immagine

Spero che sappiate cosa dovete fare. Scegliete un'immagine e fate clic sul pulsante Pulsante di selezione.

Selezionare e caricare un'immagine

L'immagine verrà aggiunta immediatamente alla tabella. È possibile modificare le dimensioni dell'immagine trascinando la linea del bordo, come mostrato nell'immagine seguente.

L'immagine verrà aggiunta alla tabella

Passo 04: personalizzare e stilizzare l'immagine

Venite al Scheda Impostazioni nella barra laterale destra. È possibile aggiungere un testo alternativo, un rapporto di aspetto, una larghezza, un'altezza e una risoluzione che non sono possibili con l'opzione Immagine in linea.

Vai al sito Scheda Stili. È possibile aggiungere un bordo e il raggio del bordo utilizzando le opzioni di questa scheda.

Stilizzare l'immagine sul tavolo

In questo modo, è possibile aggiungere immagini alla tabella di WordPress.

Note di finitura!

Sebbene TableBerg sia un nuovo plugin, sarà un vero e proprio cambiamento di gioco. Porterà presto l'esperienza di costruzione di tabelle basate su Gutenberg a un livello superiore.

Con il plugin TableBerg è possibile aggiungere non solo immagini, ma anche vari altri tipi di contenuti come nastri, valutazioni, elenchi puntati, pulsanti CTA, HTML personalizzato, ecc.

Utilizzandoli è possibile creare tabelle multifunzionali con il plugin. Controllare alcuni post:



Il team Tableberg