Si has actualitzat a WP2.6, és molt possible que, a l’hora de canviar les alineacions de les imatges (que, per cert, només es poden adjuntar a l’entrada a través del carregador d’arxius), les vegis ben alineades a l’editor d’entrades, però a l’hora de pubicar l’entrada, les vegis descol·locades.

En Joan Barrios, que té aquest problema, ens va enviar un email a través del formulari de contacte dient:

Amb el WP 2.6, ha desaparegut la icona per colocar la
imatge a l’article (dreta-esquerra) i tot s’ha de fer des de
l’adjuntador d’imatges, oi? A mi em passa que malgrat indiqui que la
vull a la dreta, surt on vol la imatge que trio. És normal? És culpa
del tema? Gràcies per ajudar-me.

La resposta: la nova versió de WordPress canvia les classes CSS per alinear les imatges d’una manera o d’una altra. A més, amb l’aparició de l’apartat “Llegenda”, que serveix per a afegir un peu de foto (molt útil), s’introdueixen diverses classes noves, wp-caption, wp-caption img i wp-caption p.wp-caption-text.

Seguiu llegint per a veure el codi que es fa servir a l’style.css del tema Default. Penseu que, si el copieu directament, pot ser que les imatges no acabin d’enquadrar-se bé. Penseu en canviar el codi del Default pel del vostre tema!

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
 
.alignleft {
   float: left;
}
 
.alignright {
   float: right;
}
 
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}