Cuando uno crea su primera plantilla de WP y cree que todo funciona a la perfección, se va a llevar desagradables sorpresas que viene de lugares extraños. Ya sea por que no funcionan bien los menús, o como vamos a ver en esta entrada, porque las clases de las imágenes no funcionan y no podemos alinearlas como queramos.

Eso es debido a que wordpres utiliza una serie de clases para las imágenes que tenemos que introducir en nuestro archivo style.css para que funcionen, y naturalmente si estamos creando un tema desde cero no las tendremos definidas.

Este es el código que tenemos que introducir:

/************Estilo de imagenes**********/
img.alignright {float:right;margin: -70px 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px;}
a img.alignright {float:right; margin:-65px 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img#wpstats {
     display: none;
}

De este modo los usuarios de nuestra plantilla ya podrán alinear las imágenes como ellos quieran desde el editor de WordPress.