Suggerimento rapido HTML in Didascalie immagine

Scopriremo cosa significa in pratica questo nuovo miglioramento dei media!

Buone notizie! Per questa funzionalità non avrai nemmeno bisogno di un plugin, perché quando WordPress ha recentemente rilasciato la versione 3.4.x, questa funzione è stata introdotta.

Puoi leggere anche altre modifiche nel Codex.

Quando inserisci un'immagine in una pagina di WordPress o posta puoi creare una didascalia. Ogni immagine inserita può avere la propria didascalia e può utilizzare tag HTML standard per formattarla (ovviamente è possibile lasciarla vuota quindi non avrà una didascalia).

I tag che puoi utilizzare sono di default uguali a quelli disponibili nei commenti.

Ad esempio puoi avere il testo in grassetto con , testo in corsivo con e barrato il testo con .

Per impostazione predefinita, WordPress utilizza uno stile grigio chiaro per lo sfondo e grigio scuro per il testo. Questi selettori di classe CSS sono .wp-caption e .wp-caption-text.

Se si desidera utilizzare gli stili personalizzati, quindi includerli nel CSS del tema (in genere in style.css).

Nel nostro caso lo stile del tema è il seguente.

 .wp-caption background: # F1F1F1; altezza della linea: 18px; margin-bottom: 20px; imbottitura: 4px; allineamento del testo: centro;  .wp-caption-text color: # 888; font-size: 12px; margine: 5px; 

Si noti che è sempre possibile modificare la didascalia se si fa clic sull'immagine nell'editor dei post, quindi si fa clic su Modifica immagine.

Il codice HTML che sto usando è questo:

 Questo testo è in corsivo. E questo è audace.

Esempi in immagini


Inserisci la casella immagine nell'amministratore di Wordpress
Sottotitoli in editor
Didascalia sul sito