Come Aggiungere Didascalie alle Immagini di WordPress

Un’immagine può valere più di 1.000 parole, ma una frase o due di testo che accompagnano un’immagine come didascalia possono spesso aiutare a far capire il concetto. Studi di eyetracking hanno dimostrato che gli utenti di un sito web spesso si concentrano su immagini convincenti e pertinenti e poi leggono il testo correlato nelle didascalie adiacenti.

Ma se il vostro compito è quello di disporre le immagini e le didascalie su una pagina web, far sì che questi elementi appaiano insieme in modo coerente può essere difficile. Per questo motivo, in questa guida scopriremo come aggiungere didascalie alle immagini su WordPress.

Come Creare Didascalie per le Immagini su WordPress

La relazione tra un’immagine e la sua didascalia può iniziare non appena la caricate su WordPress. Esistono due approcci comuni per mettere insieme immagini e didascalie:

1. Creare didascalie nella libreria media di WordPress.
2. Creare le didascalie nell’editor di WordPress “al volo”.

Li analizzeremo entrambi.

Come Creare Didascalie di Immagini Partendo dalla Libreria Media

Le immagini che aggiungi alla Libreria Media di solito finiscono in cartelle sul vostro server web, mentre le informazioni sulle immagini, comprese le didascalie, vengono memorizzate nel database di WordPress.

Per accedere alla Libreria Media:

• Selezionate Media > Libreria dalla bacheca di WordPress.
• Fate clic sul pulsante Aggiungi nuovo per caricare l’immagine di destinazione.

Facendo clic sulla miniatura dell’immagine si apre la finestra Dettagli allegato, dove potete aggiungere la didascalia dell’immagine.

Aggiungete il testo che preferite nel campo “Didascalia” e, voilà, la didascalia dell’immagine è stata aggiunta. Vi farà piacere sapere che, quando modificate i dettagli dell’immagine, WordPress salva automaticamente il vostro lavoro mentre lo scrivete.

Potete anche passare direttamente al caricamento di un media selezionando Media > Aggiungi nuovo dalla bacheca di WordPress:

• Selezionate (o trascinate) l’immagine da caricare.
• Poi fate clic sul link Modifica accanto alla miniatura dell’immagine.

Facendo clic su Modifica si apre la finestra che include il campo della didascalia dell’immagine:

Qui potrete aggiungere la didascalia che preferite. Questa volta, però, dovrete salvare le vostre modifiche scorrendo verso il basso fino a fare clic sul pulsante Aggiorna:

Ora che le didascalie sono state salvate insieme alle immagini nella Libreria Media, potete facilmente inserirle in una pagina web o in un articolo del blog.

Vediamo come fare utilizzando l’editor a blocchi e l’editor classico.

Come Aggiungere un’Immagine con Didascalia nell’Editor a Blocchi

Per aggiungere un’immagine nell’editor a blocchi:

• Fate clic sull’icona [+] per visualizzare il pannello dei blocchi.
• Fate clic sull’icona Immagine.

• Fate clic sul pulsante Libreria Media.

• Quindi selezionate l’immagine desiderata.

L’immagine e la sua didascalia vengono aggiunte al vostro layout.

Come Aggiungere una Didascalia all’Immagine nell’Editor Classico

Nell’Editor classico, potete aggiungere un’immagine e la sua didascalia facendo clic sul pulsante Aggiungi Media:

A questo punto, vedrete sulla destra il campo della didascalia che potete modificare. Quando il testo vi soddisfa, fate clic sul pulsante Inserisci nell’articolo.

Se state modificando una pagina di WordPress invece di un articolo, il pulsante sarà denominato Inserisci nella pagina.

L’immagine e la didascalia saranno visualizzate nell’editor.

Come Creare Didascalie Direttamente dall’Editor di WordPress

Il bello del software è che di solito ci sono più modi per ottenere lo stesso risultato. WordPress e le didascalie delle immagini non fanno eccezione.

Come Caricare un’Immagine e Aggiungere una Didascalia nell’Editor a Blocchi

Nell’editor a blocchi, fate clic sull’icona [+] e scegliete l’opzione Blocco immagine:

Successivamente, fate clic sul pulsante Carica.

Una volta selezionata (o trascinata) la vostra immagine, WordPress la posizionerà all’interno dell’editor. Vedrete il testo “Aggiungi didascalia” sotto di essa.

Per aggiungere la vostra didascalia all’immagine, sostituite semplicemente il testo “Aggiungi didascalia” con le vostre parole.

Quando usate questo approccio nell’editor a blocchi, la didascalia creata non viene salvata nella Libreria Media.

Come Caricare un’Immagine e Aggiungere una Didascalia nell’Editor Classico

Se state usando l’Editor classico, caricate la vostra immagine facendo clic sul pulsante Aggiungi media:

Successivamente, fate clic su Carica file nella finestra Aggiungi media per selezionare (o trascinare) la vostra immagine.

La nuova immagine verrà caricata nella Libreria Media e visualizzata come selezionata con un segno di spunta. Aggiungietela didascalia dell’immagine nel campo Didascalia disponibile nel pannello Dettagli allegato.

Dopo aver scritto la didascalia, fate clic sul pulsante Inserisci nell’articolo (o Inserisci nella pagina).

La didascalia verrà salvata insieme ad altri dettagli nella Libreria Media e apparirà insieme all’immagine nell’Editor classico.

Come Modificare la Didascalia di un’Immagine Esistente su WordPress

E se avete bisogno di modificare o aggiornare le didascalie già aggiunte a un’immagine? Potete farlo in pochi passi. Ecco come fare.

Come Modificare una Didascalia Esistente nell’editor a Blocchi di WordPress

L’editor a blocchi tratta una didascalia come qualsiasi altro testo. Per modificare una didascalia, basta cliccare sul testo e apportare le modifiche.

Tenete presente che le didascalie modificate in questo modo nell’editor a blocchi non vengono salvate insieme ai dettagli dell’immagine nella Libreria Media.

Come Modificare una Didascalia Esistente nell’Editor Classico di WordPress

Se invece usate l’Editor classico, fate clic sull’immagine per visualizzare la barra degli strumenti delle opzioni delle immagini.

Ora fate clic sull’icona della matita per modificare i dettagli dell’immagine.

Inserite il nuovo testo nel campo Didascalia e poi fate clic sul pulsante Aggiorna. Questa operazione salverà la nuova didascalia dell’immagine nella Libreria Media e vi riporterà all’editor.

Suggerimento: Anche l’Editor classico vi permette di modificare le didascalie come il resto del testo di una pagina web. Ricordate però che le didascalie aggiornate in questo modo non vengono salvate insieme ai dettagli dell’immagine nella Libreria Media.

Come Aggiungere Didascalie in una Galleria di Immagini di WordPress

Potete usare metodi simili per aggiungere didascalie alle immagini nelle gallerie di WordPress.

Aggiungere Didascalie a una Galleria WordPress Usando l’Editor a Blocchi

L’editor a blocchi offre il blocco Galleria come opzione dopo aver cliccato sull’icona [+]:

In questo scenario, supponiamo che il sito WordPress sia provvisto di immagini e didascalie salvate, quindi farete clic sul pulsante Libreria Media.

Nella Libreria Media, fate clic sulle miniature delle immagini che volete inserire nella galleria. I segni di spunta indicano le vostre selezioni.

Fate clic sul pulsante Crea una nuova galleria per continuare.

Come ultimo passo prima di inserire la galleria negli articoli/pagine del blog, la finestra di dialogo Modifica galleria vi permette di trascinare e rilasciare le immagini per cambiare l’ordine in cui appariranno e per aggiungere o rimuovere immagini dalla vostra selezione.

Quando i risultati vi soddisfano, fate clic sul pulsante Inserisci galleria.

Il tema WordPress Twenty Twenty utilizzato per questo esempio sovrappone il testo della didascalia all’immagine associata.

Aggiungere Didascalie a una Galleria WordPress Utilizzando l’Editor Classico

Ecco come aggiungere una galleria di immagini con didascalie utilizzando l’editor classico di WordPress.

Posizionate il cursore nel punto in cui volete inserire la galleria, poi:

• Fate clic su Aggiungi media.
• Scegliete Crea galleria dalla barra laterale di sinistra.

Potete sfogliare le immagini disponibili nella vostra galleria nella scheda Libreria Media.

• Selezionate le immagini che volete usare nella vostra galleria (indicate dai segni di spunta).
• Fate clic su Crea una nuova galleria.

Le immagini selezionate appariranno nella finestra Modifica galleria. Lì potrete modificare il testo della didascalia per ciascuna di esse e, se necessario, potrete cambiare l’ordine di visualizzazione delle immagini.

Quando il contenuto della galleria e le didascalie delle immagini vi soddisfano, fate clic su Inserisci galleria.

Le immagini e le didascalie saranno visualizzate nell’editor.

Le didascalie non possono essere modificate in questa visualizzazione. Per farlo:

• Fate clic su un punto qualsiasi della galleria per evidenziare il gruppo.
• E poi clic sull’icona della matita.

Tornerete alla finestra di dialogo Modifica galleria vista nel passo precedente, dove potrete nuovamente modificare le didascalie.

Cambiare l’Aspetto delle Didascalie delle Gallerie di WordPress Usando un Plugin

Per impostazione predefinita, WordPress usa solo il campo Didascalia memorizzato nella Libreria Media quando applica automaticamente le didascalie delle immagini. Tuttavia, il plugin Gallery Image Captions (GIC) fornisce un hook per il codice PHP personalizzato che può creare didascalie da qualsiasi campo della libreria, compresi i campi personalizzati.

GIC si affida agli shortcode di WordPress, in particolare allo shortcode [gallery], per attivare l’esecuzione del codice PHP personalizzato che scrivete. Il codice identifica quali campi dettagliati della libreria media faranno parte di una didascalia e può anche includere l’HTML per aiutare a formattare il layout della didascalia.

Quando create una galleria con l’Editor classico, lo shortcode [gallery] viene inserito dietro le quinte. Potete vederlo facendo clic sulla scheda Testo per visualizzare il codice:

Nella sua forma più semplice, lo shortcode [gallery] include i numeri ID delle immagini selezionate per la visualizzazione.

Per impostazione predefinita, l’editor a blocchi genera immediatamente l’HTML di una galleria quando inserite un gruppo di immagini in una pagina web, ma potete comunque scegliere l’approccio shortcode:

• Fate clic sull’icona [+] nell’editor.

In questo modo verrà visualizzato il pannello dei blocchi disponibili.

• Iniziate a digitare “shortcode” nel campo di ricerca.
• Fate clic sull’icona [/] (shortcode) quando appare.

Potete quindi inserire lo shortcode nel nuovo blocco.

Per usare il plugin GIC dovete modificare il codice di WordPress all’interno del vostre tema. Potete aggiungere il vostro codice PHP personalizzato per le didascalie modificando il file functions.php del tema. Poiché questo file può essere sostituito quando un tema viene aggiornato, è buona norma creare un tema figlio prima di apportare modifiche ai file chiave di WordPress. Inoltre, per sicurezza, un rapido backup non fa mai male.

Un approccio alternativo è quello di usare un plugin come Code Snippets, che vi permette di inserire PHP nel codice del vostro sito senza modificare functions.php.

Sia che modifichiate direttamente il file functions.php sia che usiate un plugin come Code Snippets, il vostro codice avrà un aspetto simile a questo:

La personalizzazione più importante avviene nelle righe 17 e 18, dove il contenuto del titolo e della didascalia della libreria media viene inserito all’interno di un markup HTML di base per modificare l’aspetto delle didascalie.

Nella Libreria Media, le potenziali immagini della galleria richiederanno un testo in questi campi:

Con il plugin GIC installato e il codice PHP personalizzato, le didascalie delle immagini nella galleria hanno ora il seguente aspetto:

Come Aggiungere Didascalie alle Immagini in Primo Piano

Nella maggior parte dei temi WordPress le immagini in primo piano sono prive di didascalia.

Per esempio, l’immagine qui sopra viene mostrata nella Libreria Media con una didascalia, ma appare senza didascalia quando viene utilizzata come immagine in primo piano.

Se volete inserire una didascalia, il plugin FSM Custom Featured Image Caption può aiutarvi.

Dopo aver installato il plugin, le sue impostazioni vi permettono di specificare la classe del foglio di stile che volete assegnare alle didascalie o di aggiungere un CSS personalizzato.

Per impostazione predefinita, il plugin Custom Featured Image Caption visualizza la didascalia memorizzata con l’immagine nella Media Library, ma non nell’editor.

Il plugin Custom Featured Image Caption modifica anche la finestra dell’immagine in primo piano sia nell’editor a blocchi che nell’editor classico in modo che possa accettare una didascalia alternativa, sovrascrivendo qualsiasi didascalia memorizzata nella Libreria Media.

Potete nascondere la didascalia e l’immagine in primo piano usando le opzioni della casella di controllo nella parte inferiore del pannello.

Riepilogo

WordPress garantisce un’ampia flessibilità per quanto riguarda l’aggiunta e la modifica delle didascalie delle singole immagini e delle immagini all’interno delle gallerie. E se le opzioni integrate non sono sufficienti, potete usare plugin di terze parti per estendere le sue funzionalità principali.

Ed ecco un consiglio: se i vostri progetti web sono ad alta intensità di immagini, assicuratevi di dare un’occhiata alla nostra guida su come ottimizzare le immagini per il web e le prestazioni.