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.

3 Comentários em “Problemas no alinhamento de imagens no Wordpress”

  1. Fabiana Menine diz:

    13 de dezembro de 2008 em 17:15

    Salvou a minha vida!!! hehe

    [Reply]


  2. Victor diz:

    15 de março de 2009 em 20:55

    Muito obrigado!

    [Reply]


  3. Dioned Campos diz:

    17 de maio de 2009 em 3:50

    Rapaz sem duvida você salvou o meu dia, estava com esse problema, e já tinha desistido de arrumar o meu tema para ficar com a imagem legal, quando coloquei as linhas que você ensinou, o meu tema se organizou como mágica. obrigado pela dica.

    [Reply]


Deixe uma resposta