Archivi per il tag caption

Immagini – rendere compatibile i temi con WordPress 2.6

16

Molti hanno notato che con WordPress 2.6 non riescono più a gestire l’allineamento delle immagini, questo non è un bug, semplicemente il vostro tema non è aggiornato per wordpress 2.6.

Con WordPress 2.6 inoltre è stata inserita la gestione dei caption e cioè la descrizione dell’immagine stampata sotto l’immagine stessa.

Aggiornare il tema è molto semplice:

Andate in Design -> Editor temi e selezionate il tema standard.

Nel file Style.css trovate questo codice:


/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*    Using class='alignright' on an image will (who would've
thought?!) align the image to the right. And using class='centered',
will of course center the image. This is much better than using
align='center', being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

Copiatelo e incollatelo nello style.css del vostro tema avendo cura di eliminare vecchie dichiarazioni per le img presenti.

Fatto questo funzionerà perfettamente la gestione dell’allineamento delle immagini.

Naturalmente potete modificare come preferite i valori, l’importante è che siano definite queste classi img.centered, img.alignright, img.alignleft, .alignright, .alignleft

Per implementare la visualizzazione dei Caption andate sempre nello style.css del tema standard e copiate questa parte di codice:


/* 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 */

e incollatela nello style.css del vostro tema, modificate a piacere i parametri estetici e salvate.