Alinhamento de imagens no Wordpress 2.6

Publicado em Programação, Wordpress| Tags: , ,

word logo Alinhamento de imagens no Wordpress 2.6Se por acaso já fez o upgrade para o Wordpress 2.6 então certamente já reparou na forma (diferente!) que o Wordpress usa para alinhar as imagens nos posts. Depois de em vários artigos diferentes ter falhado a inserção de imagens tal como pretendia deicidi “dar uma voltinha” pela web à procura de uma solução, e lá encontrei uma forma de soluccionar o meu problema de alinhamento de imagens em posts.

Os problemas que tive com este novo sistema foram quando recorri aos class=”alignleft”, class=”alignright” ou class=”aligncentered”, pois até me alinhava as imagens correctamente mas o texto não ficava alinhado de maneira correcta em relação à imagem.

A solução para este problema, se é que assim o podemos chamar,  é simplesmente adicionando o seguinte código no ficheiro stylesheet.css do seu template.

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

Com este código adicionado no seu stylesheet.css não deverá ter mais problemas com o alinhamento de imagens, como podem ver testei logo neste post o novo código.
Recurso: wprocks.com

Related Posts with Thumbnails

3 Comentarios to “Alinhamento de imagens no Wordpress 2.6”

  • Alinhamento de imagens no Wordpress 2.6 | Kerkeberos.net – Tecnologia e Informação…

    Se por acaso já fez o upgrade para o Wordpress 2.6 então certamente já reparou na forma (diferente!) que o Wordpress usa para alinhar as imagens nos posts. Depois de em vários artigos diferentes ter falhado a inserção de imagens tal como pretendi…

  • Cara, era o que eu estava precisando! Estava com este problema a meses, e nunca conseguia resolver. A única solução viável para mim era voltar ao velho código “”.

    Obrigado pela dica :D

  • Conteúdo 100%. Estou finalizando meu blog e era o que eu estava procurando!!!

Post comment