ArticoliMolti 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.
Commenti dei Lettori
Quella delle didascalie è una delle novità che preferisco…fanno molto professionale ;D
Grande
Mircha
Io invece non riesco proprio a caricare le immagini. La finestra mi si apre, seleziono l’immagine, ma compare solo il nome del file e non l’icona. Quando poi provo a caricarla nel testo compare solo un riquadro vuoto.
ho dovuto inserire nel css del tema classic ma
la validazione W3Cmi dava errore
.wp-caption La proprietà -moz-border-radius non esiste : 3px
.wp-caption La proprietà -khtml-border-radius non esiste : 3px
.wp-caption La proprietà -webkit-border-radius non esiste : 3px
.wp-caption La proprietà border-radius non esiste per CSS versione 2.1 ma esiste in [css3] : 3px
allora ho cancellato queste 4 righe
ciao
In che punto preciso del file CSS dle mio tema, devo inserire questo codice per far in modo che l’allinemaneto delle immagini funzioni correttamente?
GRAZIE
dove vuoi.
Grazie…
Grazie mille Valentino!
Ho risolto i miei problemi con la visualizzazione delle immagini!
Grazie ancora!
Trackback/Pingback