Salta al contenuto

Novità Wordpress 2.6 image caption

Questo articolo ha oltre sei mesi di vita, quindi, mi raccomando, verifica le informazioni contenute in quanto potrebbero essere ormai obsolete.

Una bellissima novità nella gestione delle immagini di worpdress 2.6, l’aggiunta del Caption e cioè di una descrizione dell’immagine con la possibilità di maneggiare il tutto via CSS, ecco un esempio:

Il Logo di WordPress
Il Logo di WordPress

Il CSS potete copiarlo dal CSS del tema Classic o da quello di Default, in ogni caso il codice è questo:

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

Questo vale per le nuove immagini che andrete a caricare ma, se volete, potete applicarlo a tutte le vecchie immagini entrando in modifica dell’articolo e clikkando sul nuovo tasto che trovate sulle immagine e una volta modificate e salvata l’immagine avrete la nuova funzionalità attivata oppure potete inserire manualmente, utilizzando l’editor HTML ed aggiungendo questo codice prima di img src:

[ wp_caption id="ul vostro" align="quello che volete" width="quella che volete" caption="il testo da aggiungere all'mmagine"]

e chiudendo il tag alla fine dell’immagine con questo codice:

[ /wp_caption]

N.B. ho dovuto aggiungere degli spazi dopo le parentesi quadre altrimenti non visualizzavo il codice.

Ho una newsletter che parla di WordPress

This is the archive

Iscriviti alla mia Newsletter

Published inTecnologiaWordpress

Sii il primo a commentare

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

%d blogger hanno fatto clic su Mi Piace per questo:

On this website we use first or third-party tools that store small files (cookie) on your device. Cookies are normally used to allow the site to run properly (technical cookies), to generate navigation usage reports (statistics cookies) and to suitable advertise our services/products (profiling cookies). We can directly use technical cookies, but you have the right to choose whether or not to enable statistical and profiling cookies. Enabling these cookies, you help us to offer you a better experience.