Blog do The Best

Problemas no alinhamento de imagens no Wordpress

Postado em 19/08/2008 por The Best Geral
Tags: alinhamento, configuração, css, imagem, imagens, tema, template, wordpress

Se você tem problemas com o seu tema ao alinhar as imagens a esquerda, vou tentar ajuda-lo. Depois de muita pesquisa e testes sem sucesso, consegui uma dica que realmente resolveu no meu caso. E não seria justo não compartilhar com os leitores que utilizam o wordpress e estão com problemas.

Tudo isso acontece porque o seu tema, ou template, não tem no CSS as classes necessária para que o alinhamento das imagens ocorra sem problemas. No Wordpress 2.6.X, você configura a imagem para ser alinhada, assim que termina o upload da mesma (conforme fig. abaixo)

Quando você escolhe o posicionamento da sua imagem, o wordpress inclui no código html da inclusão a classe correspondete ao posicionamento escolhido. Para a opção nenhuma é colocado a classe alignnone para a opção esquerda é colocada a classe alignleft, para a opção direita é colocada a classe alignright e para a opção centro é adicionada a classe aligncenter. O mesmo ocorre quando é utilizado os botões do editor de texto sobre as imagens.

O funcionamento do wordpress é simples. E como exemplo, vou colocar o código da imagem acima:

<img class=”aligncenter size-full wp-image-2544″ title=”alinhamento” src=”http://www.thebest.blog.br/wp-content/uploads/2008/08/alinhamento.jpg” alt=”" width=”500″ height=”28″ />

Como podemos ver em negrito foi utilizada a classe aligncenter para centralizar a imagem, caso deseja-se alterar o alinhamento dela, bastaria trocar essa classe pela correspondente. Porém para que funcione é necessário que as classes estejam configuradas no seu arquivo de css.

Para que o seu problema seja resolvido é importante que se inclua as seguintes linhas:

.alignleft { float:left; margin:0 10px 10px 0; }
.alignright { float:right; margin:0 0 10px 10px; }

Obs.: Você pode tirar as margens que estão configuradas. Elas só estão ali para não deixar juntar a imagem com o texto na sua postagem, mas pode-se configura-las de acordo com a sua necessidade ou simplesmente retira-las.

Com isso o problema deve ser resolvido e as imagens passarão a ser exibidas no melhor estilo revista, quando colocadas a direita ou a esquerda.

 

Se você gostou dessa postagem, avalie inscrever-se no nosso RSS/Feed.