Come affiancare testo e immagine in WordPress

Quando si tratta di recensioni di prodotti, tabelle comparative, tutorial, racconti di viaggio, infografiche, contenuti didattici, ecc. è possibile che si debbano affiancare testi e immagini. Ci sono molti modi per farlo in WordPress.

In questo articolo vi mostreremo diversi modi efficaci per affiancare testo e immagine in WordPress. Seguiteci fino alla fine. Imparerete davvero qualcosa di interessante.

Creare bellissimi tavoli
Con l'editor di blocchi

Metodo 1: Utilizzo del blocco Media e testo

Media e testo è un blocco predefinito dell'editor di blocchi di Gutenberg. Con questo blocco, è possibile affiancare testo e immagini senza dover ricorrere a strumenti di terze parti.

Passo 01: Aggiungere i media e il testo all'editor

Fare clic sul pulsante icona più (+) sull'editor. Tipo Media e testo nella barra di ricerca. Aggiungere il blocco all'editor.

Aggiungere il blocco Media e testo a WordPress

Passo 02: Aggiungere/caricare un'immagine al blocco

È possibile aggiungere un'immagine caricandola dall'unità locale, dalla libreria multimediale o da quella in primo piano. Scegliete l'opzione che preferite.

Aggiungere/caricare un'immagine al blocco

Si può vedere che l'immagine viene aggiunta al blocco.

L'immagine viene aggiunta al blocco Media e testo

Passo 03: Aggiungere testo al blocco Media e testo

Scrivere il testo desiderato sulla colonna destra del blocco. È possibile personalizzare il colore del testo, l'allineamento e altro ancora.

Aggiungere testo al blocco Media e Testo

Passo 04: Alternare la posizione del testo e dei file multimediali

Il blocco consente di alternare la posizione dei file di testo e multimediali facendo clic sulle rispettive opzioni nella barra degli strumenti.


Metodo 2: Utilizzo del blocco colonne

Il Colonne è anche un blocco predefinito dell'editor. È uno dei blocchi più utilizzati nella creazione di contenuti in WordPress.

Passo 01: aggiungere il blocco colonne all'editor

È possibile visualizzare testo e immagine affiancati aggiungendo l'opzione Paragrafo e Blocchi di immagini separatamente all'interno dei blocchi di colonne.

Quindi, aggiungere il blocco Colonne prima all'editore.

Aggiungere il blocco Colonne all'editor

Selezionare un layout a due colonne.

Selezionare un layout a due colonne

Passo 02: Aggiungere il blocco immagine al blocco colonne

È meglio visualizzarli a sinistra. Quindi, aggiungere il blocco immagine alla colonna di sinistra.

Aggiungere il blocco immagine al blocco colonne

Anche in questo caso, aggiungere l'immagine desiderata, sia essa proveniente dall'unità locale, dalla libreria multimediale o da un URL.

Caricare un'immagine nel blocco colonne

Si può vedere che l'immagine è stata aggiunta al blocco.

L'immagine viene aggiunta al blocco colonne

Passo 03: Aggiungere il testo al blocco di cloumns

Aggiungere il Blocco di paragrafi alla colonna di destra. In questo modo è possibile aggiungere del testo.

Aggiungere il blocco Paragrafo al blocco Colonne

Si può notare che il testo viene aggiunto alla colonna.

Il testo viene aggiunto al blocco delle colonne

Successivamente, è possibile personalizzare il blocco delle colonne, compresi l'immagine e il testo.


Metodo 3: utilizzo del blocco Tableberg

Tavolo di lavoro è un meraviglioso plugin per la creazione di tabelle che consente di progettare numerose parti per il proprio sito web. Questo plugin consente anche di affiancare testo e immagini. Scaricate il plugin facendo clic sui pulsanti allegati al banner sottostante.

Creare bellissimi tavoli
Con l'editor di blocchi

Iniziate subito a seguire il tutorial.

Passo 01: aggiungere il blocco Tableberg all'editor

Questo plugin aggiunge un blocco denominato Tableberg alla libreria dei blocchi di Gutenberg. Aggiungere il blocco Tableberg all'editore.

Aggiungere il blocco TableBerg all'editor di Gutenberg

Selezionare il numero di colonne e righe necessarie per il layout. Noi sceglieremo 2*1.

Impostare il numero di righe e colonne

Le colonne e le righe sono pronte.

Le righe e le colonne vengono aggiunte all'editor

Passo 02: Aggiungere un'immagine a una cella della tabella

L'Tableberg consente di aggiungere diversi blocchi personalizzati alle sue celle. Facendo clic sul pulsante icona più (+), trovare e aggiungere il blocco immagine a una delle sue celle.

Aggiungere un blocco immagine a Tableberg

Caricare l'immagine per l'unità locale o aggiungerne una dalla libreria multimediale.

Caricare o aggiungere un'immagine all'Tableberg

Abbiamo aggiunto un'immagine, che potete vedere qui sotto.

Viene aggiunta un'immagine alla tabella

Passo 03: Aggiungere testo alla tabella

È sufficiente aggiungere testo alla colonna di destra utilizzando il blocco paragrafo.

Aggiungi testo a Tableberg

Passo 04: modifica del bordo Tableberg

È possibile rendere questa sezione più attraente rimuovendo o colonizzando il bordo della tabella. Vai a il Scheda Stili.

Vieni a tavola Border scorrendo la scheda verso il basso. Da queste opzioni è possibile rimuovere o colorare il bordo della tabella.

Rimuovere i bordi dalla tabella

È quindi possibile creare sezioni web per affiancare testo e immagini in WordPress.


Conclusione

In effetti, è possibile sfruttare i blocchi predefiniti di Gutenberg per creare e progettare i post e le pagine web. Ma poiché mancano di molte funzioni avanzate, spesso è necessario ricorrere a plugin di blocco aggiuntivi, dotati di molte funzioni interessanti.

Tableberg è un plugin interessante che si può usare in questo caso. Ultimate Blocks è un altro ottimo plugin per i blocchi che dovreste prendere in considerazione. Esplorate le versioni gratuite di questi due plugin facendo clic sui pulsanti allegati qui sotto.

Leggi anche:



Il team Tableberg