Codex

Interested in functions, hooks, classes, or methods? Check out the new WordPress Code Reference!

pt-br:Texto ao Redor de Imagens

Há momentos em que você quer usar imagens em seu post ou página jutamente com seu texto, mas na maioria das vezes você quer que sua imagem fique de um ladou ou outro com o texto contornando a imagem.

Quando você insere uma imagem pela janela Inserir mídia, você tem a opção de definir a posição da imagem, então o WordPress vai adicionar o código HTML para a imagem juntamente com a classe CSS para a posição que escolheu.

Consulte Inserindo Imagens em Posts e Páginas para saber mais.

A imagem não flutua

Quando isso não acontece é porque seu tema provavelmente não possui algumas das classes CSS necessárias para que as imagens em seu site flutuem conforme você definir.

Abra o arquivo style.css do seu tema em um editor de texto e procure por todas as tags img. Verifique se as intruções a seguir existem, se nao existirem, adicione no arquivo:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Uma vez que tenha estas instruções em seu arquivo de estilos, basta marcar o alinhamento desejado na hora que inserir uma imagem no post ou página na janela Inserir mídia.

Alinhamentos

Por padrão, o WordPress permite alinhar imagens à esquerda, à direita, no centro da área de texto e nenhum alinhamento. A seguir observe como cada alinhamento possui uma classe CSS específica.

Á esquerda
tuca.jpg
São designadas por tucano as aves da família Ramphastidae que vivem nas florestas da América Central e América do Sul. Esta ave tem origem nas florestas tropicais da América Central e do Sul, sobretudo na Amazônia. É possível encontrá-lo num vasto território, que vai até ao Norte da Argentina, até porque existem várias espécies desta ave ao longo desta área, e a todos se dão o correntemente o mesmo nome.
<img class="alignleft" src="http://exemplo.com/img/tucano.jpg" alt="tucano" title="Tucano" />
À direita
tuca.jpg
São designadas por tucano as aves da família Ramphastidae que vivem nas florestas da América Central e América do Sul. Esta ave tem origem nas florestas tropicais da América Central e do Sul, sobretudo na Amazônia. É possível encontrá-lo num vasto território, que vai até ao Norte da Argentina, até porque existem várias espécies desta ave ao longo desta área, e a todos se dão o correntemente o mesmo nome.
<img class="alignright" src="http://exemplo.com/img/tucano.jpg" alt="icone" title="Icone do brasil" />
Centro
tuca.jpg
São designadas por tucano as aves da família Ramphastidae que vivem nas florestas da América Central e América do Sul. Esta ave tem origem nas florestas tropicais da América Central e do Sul, sobretudo na Amazônia. É possível encontrá-lo num vasto território, que vai até ao Norte da Argentina, até porque existem várias espécies desta ave ao longo desta área, e a todos se dão o correntemente o mesmo nome.
<img class="aligncenter" src="http://exemplo.com/img/tucano.jpg alt="icone" title="Tucano" />
Nenhum
tuca.jpg
São designadas por tucano as aves da família Ramphastidae que vivem nas florestas da América Central e América do Sul. Esta ave tem origem nas florestas tropicais da América Central e do Sul, sobretudo na Amazônia. É possível encontrá-lo num vasto território, que vai até ao Norte da Argentina, até porque existem várias espécies desta ave ao longo desta área, e a todos se dão o correntemente o mesmo nome.
<img class="alignnone" src="http://exemplo.com/img/tucano.jpg" alt="icone" title="Icone do brasil" />

Veja também


brasil-1.png
A documentação do WordPress em Português do Brasil.
Todas as comunidades lusófonas também são bem-vindas! Adicione {{Codex-pt}} em seus artigos.