Immagini – rendere compatibile i temi con WordPress 2.6


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:

[css]

/* 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 */
[/css]

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:

[code language=”css”]

/* 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 */[/code]

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

Hai qualche Domanda o vuoi Commentare?

17 commenti su “Immagini – rendere compatibile i temi con WordPress 2.6

Quella delle didascalie è una delle novità che preferisco…fanno molto professionale ;D

Reply

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.

Reply

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

Reply
Matteo

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

Reply

Grazie mille Valentino!
Ho risolto i miei problemi con la visualizzazione delle immagini!
Grazie ancora!

Reply
Mariateresa

Buongiorno,

io avrei lo stesso problema con l’ultima versione di wordpress. Ho provato a risolvere seguendo i tuoi consigli, ma non ha funzionato..

cos’altro posso fare? 🙁

Reply

[…] trovato questo post che spiega i cambiamenti da apportare al CSS del blog per renderlo compatibile con le didascalie […]

[…] Immagini – rendere compatibile i temi con WordPress 2.6 (4) […]

[…] Immagini – rendere compatibile i temi con WordPress 2.6 (4) […]

[…] Immagini – rendere compatibile i temi con WordPress 2.6 (4) […]

[…] Immagini – rendere compatibile i temi con WordPress 2.6 (7) […]

[…] Immagini – rendere compatibile i temi con WordPress 2.6 (4) […]

[…] Immagini – rendere compatibile i temi con WordPress 2.6 (4) […]

[…] Divirtam-se e não se esqueçam que a versão 2.6.X doWordPress pode causar alguns problemas com o alinhamento das imagens em alguns templates desenvolvidos para as versões anteriores. Eis como resolvê-los. […]

Lascia un commento

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

Archivi

Categorie