Mudanças em Alinhamento de Imagens nos Posts WordPress 2.6
Se você já tiver atualizado o seu WordPress blog para a versão 2.6, você já deve ter notado que o WordPress 2.6 lida com alinhamento de imagens um pouco diferente comparado com a versão WordPress 2.5 e anteriores. A principal mudança é que agora você pode usar a tag “alt” para adicionar um título, envolvendo uma espécie de legenda abaixo da imagem.
O problema que tive com esta nova configuração é que ela pode causar alguns problemas ao tentar alinhar as imagens devidamente em função dos novos elementos class=”alignleft”, class=”alignright” ou class=”aligncentered”.
Para solucionar este problema de alinhamento de imagens no post usando WordPress 2.6 é necessário adicionar o seguinte código na sua folha de estilo CSS (Design -> Editor de Temas -> Estilos) do seu tema:
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.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}
Ao adicionar estes códigos acima em sua folha de estilo CSS, acredito que as imagens irão alinhar de forma adequada, além da correção da opção de legenda abaixo das imagens no seu WordPress 2.6 blog.
Outras Fontes:
- Floating Images within the post in WordPress 2.6
- WordPress 2.6 Floating Images within post
- WordPress 2.6 Changes How WordPress Handles Images
Popularity: 58% [?]
Tags: Alinhamento de Imagens Wordpress 2.6, Dicas, Imagens no Post Wordpress, Todos, Wordpress 2.6, Wordpress 2.6 CSSEsta dica realmente foi show de bola…
Tem coisas no WP que me deixam muito, muito chateado. Quando eu usava o blogger eu não tinha muitos problemas com as figuras, formatação, etc. Os vídeos “embeded” funcionavam 100% e tudo rodava ok, sendo que minha única preocupação era escrever. Hoje que uso o WP tenho que me preocupar com vários detalhes que às vezes chateiam bastante, como foi esta questão das imagens, mas graças aos colegas que nos trazem dicas maravilhosas como estas (principalmente se você não saca muito de html, php ou CSS) e nos tiram da furada… ![]()
Obrigado pela dica… Funcionou 100%
Ainda bem que não tive problemas.
Mesmo assim, legal a dica…
Abraço!
Show de bola a dica, tava me matando e funcionou direitinho!









