Aggiungere testo sopra un'immagine è una tecnica popolare per migliorare l'aspetto visivo del proprio contenuto o sito web. Inoltre, è un ottimo modo per rendere le immagini più informative e coinvolgenti.

In questo articolo, abbiamo trovato tre modi semplici per aggiungere testo sopra un'immagine in WordPress. Che tu preferisca utilizzare l'editor a blocchi, un plugin o il codice personalizzato. Scopriamo!

Perché è importante aggiungere il testo in cima alle immagini

Prima di procedere ai metodi, è necessario conoscere il motivo per cui aggiungere il testo sopra le immagini è importante.

1. Attira l'attenzione

Se gli utenti scorrono rapidamente i contenuti, aggiungere immagini da sole potrebbe non essere sufficiente per attirare la loro attenzione. Ecco perché è necessario aggiungere del testo sopra l'immagine per aiutarti a catturare l'attenzione degli utenti e trasmettere il tuo messaggio in modo più efficace.

2. Migliora l'esperienza utente

È vero che le immagini possono fornire molto valore da sole, tuttavia, aggiungere testo sopra di esse, come didascalie, citazioni o altro contenuto basato su testo, può renderle ancora più utili. Inoltre, gli utenti possono comprendere il contesto dell'immagine e come si collega al tuo contenuto.

3. Migliorare l'accessibilità

Puoi anche aiutare a migliorare l'accessibilità per gli utenti che potrebbero avere difficoltà a visualizzare l'immagine stessa. Fornendo un'alternativa testuale, puoi assicurarti che i tuoi contenuti siano accessibili a una gamma più ampia di utenti.

4. Miglioramento SEO

Aggiungere parole chiave pertinenti alle didascalie delle immagini o al testo alternativo può aiutare a migliorare la posizione del sito web nei motori di ricerca

3 Metodi Come Aggiungere Testo sopra un'Immagine in WordPress

1. Utilizza l'editor di blocchi di WordPress

Innanzitutto, vai alla pagina o all'articolo in cui aggiungerai il testo sull'immagine.

Scegli Copertura per scrivere il testo sopra l'immagine.

Dopo di che, inizierà ad apparire sul tuo schermo. Ti mostra l'immagine predefinita, ma puoi cambiare l'immagine come desideri.

Puoi anche sostituire l'immagine predefinita con la tua immagine personalizzata. Clicca sul pulsante di sostituzione e poi carica l'immagine o semplicemente scegli dalla libreria multimediale

Sarà così, poi puoi scrivere il testo sopra l'immagine come desideri.

Fai doppio clic sul testo, otterrai l'opzione di modifica per il testo. Puoi regolare la dimensione, il colore e molti altri parametri in base alle tue esigenze.

Infine, fai clic sul pulsante di aggiornamento, oppure se hai aggiunto il nuovo post o pagina, clicca sul pulsante di pubblicazione.

2. Utilizza CSS

Apri l'editor di blocchi di WordPress e seleziona il blocco immagine dove desideri aggiungere il testo. Nella barra laterale destra, clicca sulla scheda Avanzate.

Nella classe CSS aggiuntiva campo, aggiungi una classe personalizzata per il blocco immagine.

Salva le modifiche e pubblica o aggiorna la pagina o l'articolo.

.custom-class { posizione: relativa; } .custom-class p { posizione: assoluta; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; colore: #ffffff; text-shadow: 2px 2px 2px #000000; } 

Nel codice sopra, sostituisci "custom-class" con la classe personalizzata che hai aggiunto al blocco immagine. Puoi anche personalizzare la dimensione del carattere, il colore e altre opzioni di stile per adattarle alle tue preferenze.

3. Utilizza il plugin di WordPress

Se desideri la libertà di creare design di pagina completamente personalizzati, allora avrai bisogno di un plugin di page builder. Uno dei plugin di page builder per WordPress è SeedProd, che ti consente di aggiungere testo sopra qualsiasi immagine in tutto il tuo sito web.

Prima, installa e attiva il plugin SeedProd. Al momento dell'attivazione, dovrai inserire una chiave di licenza. Accedi al tuo account SeedProd, quindi clicca sulla scheda Download.

Una volta fatto, copia la chiave nella sezione Chiave di licenza.

Ora puoi incollare questa chiave nella tua area di amministrazione di WordPress andando alla pagina SeedProd » Impostazioni.

Una volta qui, vai avanti e incolla la tua chiave nel campo Chiave di licenza. Poi, devi semplicemente cliccare su Verifica chiave.

Successivamente, vai su SeedProd » Pagine di destinazione e clicca su Aggiungi nuova pagina di destinazione

Dopo di che, scegli un modello. Indipendentemente dal modello SeedProd che scegli, puoi personalizzare ogni parte del modello per adattarlo perfettamente al tuo sito web e al tuo marchio.

Tuttavia, se preferisci iniziare con una tela bianca, allora clicca sul modello vuoto.

Una volta trovato un modello, passa il mouse su di esso. Quindi puoi cliccare sull'icona di anteprima.

Se sei soddisfatto dell'aspetto di questo modello, vai avanti e clicca sul pulsante Scegli questo modello.

Nel campo Nome pagina, digita un nome per la pagina.

Se desideri modificare l'URL creato automaticamente, modifica il testo nel campo URL della pagina.

Fai clic sul pulsante Salva e inizia a modificare la pagina. Questo aprirà il template nell'editor drag-and-drop di SeedProd.

Nella barra laterale sinistra, vedrai tutti i blocchi e le sezioni che puoi aggiungere alla tua pagina utilizzando il drag and drop.

A meno che non si utilizzi il modello vuoto, la pagina di SeedProd avrà già alcuni blocchi e sezioni. Per modificare qualsiasi contenuto, fare clic per selezionare il blocco o la sezione.

Il menu di sinistra di SeedProd mostrerà ora tutte le impostazioni che è possibile utilizzare per personalizzare questo blocco o sezione.

Il modo più semplice per aggiungere testo sopra un'immagine è utilizzare una delle sezioni Hero predefinite di SeedProd.

Queste sezioni hanno un segnaposto, un'immagine di sfondo a tutta larghezza, con del testo di esempio aggiunto sopra. Puoi semplicemente sostituire l'immagine di sfondo e il testo predefiniti con i tuoi contenuti.

Fai clic sulla scheda Sezione nel menu a sinistra.

Quindi, fai clic su Hero per visualizzare tutte le sezioni Hero predefinite che puoi aggiungere alla tua pagina.

Per procedere e aggiungere questa sezione hero al tuo design, basta fare clic su Scegli questa sezione.

Fai clic sull'immagine stock per selezionarla se desideri sostituire lo stock del modello con la tua immagine.

Passa il mouse sopra Anteprima immagine di sfondo fino a quando non compare un'icona del cestino. Quindi puoi cliccare su questa icona per eliminare l'immagine segnaposto.

Successivamente, clicca su Usa la tua immagine. Puoi quindi scegliere un'immagine dalla libreria multimediale di WordPress o utilizzare un'immagine stock.

Una volta aggiunta un'immagine, sei pronto per sostituire il testo di segnaposto.

Clicca per selezionare il blocco di testo. Quindi nell'area di testo, digita semplicemente il testo che desideri utilizzare.

Alcuni modelli di SeedProd hanno contenuti aggiuntivi, come pulsanti di invito all'azione.

Se desideri modificare questo contenuto, fai clic per selezionare il blocco e poi apporta le modifiche nel menu di sinistra di SeedProd.

Un'altra opzione è quella di eliminare il blocco dal modello di SeedProd.

Per farlo, fai clic per selezionare il blocco e poi fai clic sull'icona del cestino.

Se sei soddisfatto del design della tua pagina, fai clic sul pulsante Salva.

Da qui, puoi scegliere di pubblicare la pagina o salvarla come modello.

Conclusione

Questi sono tre metodi per aggiungere testo sopra un'immagine in WordPress. Facile, vero? Scegli l'approccio che meglio si adatta alle tue abilità e preferenze di design.

Inoltre, organizza, ottimizza e gestisci i tuoi file multimediali come un professionista con WP Media Folder. È il momento di dire addio alle librerie disordinate!