Allineamento corretto delle immagini in WordPress

Oggi voglio porre la soluzione ad uno dei problemi che ho dovuto risolvere nell’utilizzo di wordpress. Lo utilizzo da un mesetto circa e mi trovo veramente bene, è davvero strepitoso!! A volte però sorgono problemi vari che per un non esperto come me possono dare problemi.

Per esempio uno dei problemi è stato l’allineamento corretto delle immagini negli articoli. In pratica quando scrivevo l’articolo gli attributi alignleft e alignright per le immagini funzionavano correttamente, ma quando andavo a pubblicare l’articolo veniva sfasato tutto.

Dopo una breve ricerca in internet ho scoperto a cosa è dovuto il problema dell’allineamento delle immagini. WordPress utilizzava fino alla versione 2.5 tag deprecati come align=”right” per allineare gli elementi, mentre ora viene gestito tutto tramite CSS.

Il problema quindi non è di wordpress, ma del tema che state utilizzando, che non è stato aggiornato a dovere.

Vi starete chiedendo: “ma non dirmi che devo cambiare tema adesso??”.  Non vi preoccupate il vostro tema va benissimo, dovrete solo aggiungere il pezzo di codice che trovate qui sotto al foglio di stile del tema e vedrete che l’allineamento delle immagini sarà perfetto!!!

.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;
}

Ha funzionato? XD