WordPress 2.6 : problème avec l’alignement des images

Par adminLe 23 août, 2008

La nouvelle version WordPress 2.6 apporte quelques fonctionnalités intéressantes à son éditeur de texte, dans cet article je vais mettre l’accent sur le positionnement et le flottement des images.

Quand vous insèrer des images dans le contenu d’un article, vous pouvez les aligner de façon qu’elles soient bien placées par rapport au texte. Trois position sont possibles: à gauche, à droite ou centrée. Pour ce faire l’editeur texte ajoute les classes class=”alignleft”, class=”alignright” ou class=”aligncentered” à la balise ”img” ou à la ”div” la contenant.

Les images sont alors bien alignée dans l’éditeur, mais des fois le rendu de l’éditeur est différent de celui quand vous faites un aperçu de l’article. Ce problème courant réside au niveau du thème utilisé, ou plus exactement, au niveau de la feuille de style du thème utilisé qui n’intègre pas les classes utilisées par l’éditeur.

Pour résoudre ce problème, il suffit d’éditer la feuille de style en allant dans l’éditeur de thème , et en y ajoutant les classes nécessaires :

---- début du code ----

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}
—– fin du code —-