Essa vai para aqueles que estão desenvolvendo seus próprios themes no WordPress. Há um pequeno detalhe para as imagens dentro dos posts. O wordpress precisa de um bloco de elementos em CSS para movimentar a imagem para esquerda, direita ou centro. Assim, para que o funcionamento trabalhe como esperado devemos inserir o seguintes blocos.
1 2 3 4 5 6 | 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; color: #6f6f6f; margin:0 0 1em 1em} a img.alignleft {float:left;color: #6f6f6f; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto;color: #6f6f6f; margin-right: auto} |
Esse código indica que todo posicionamento de imagem nos seletores alignrigth,alignleft e alingcenter juntamente com os links, criados automaticamente, para as imagens, devem se comportar como os blocos de propriedades- os que estão dentro das {} – informam.
No meu caso eu especifiquei que essas propriedades e seus seletores deveriam se aplicar apenas nas DIVs com ID CONTEUDO. Pois se apenas lança-las no meu CSS, essas informações serão aplicadas em qq imagem do site.
1 2 3 4 5 6 | #conteudo img.alignright {float:right; margin:0 0 1em 1em} #conteudo img.alignleft {float:left; margin:0 1em 1em 0} #conteudo img.aligncenter {display: block; margin-left: auto; margin-right: auto} #conteudo a img.alignright {float:right; color: #6f6f6f; margin:0 0 1em 1em} #conteudo a img.alignleft {float:left;color: #6f6f6f; margin:0 1em 1em 0} #conteudo a img.aligncenter {display: block; margin-left: auto;color: #6f6f6f; margin-right: auto} |
Se quiserem ver o site para maiores detalhes, visitem: www.ipbgeisel.jpa.com.br. Cliquem em qualquer notícia com imagem e vejam o codigo fonte da pagina. Lá estará a DIV CONTEUDO e suas propriedades.
Abraços,
Fish
Ultimos Comentários