Assine o Nosso Feed

69 Leitores

Configurando uma largura máxima para suas imagens dentro do post

VN:F [1.9.3_1094]

Essa é uma dica básica, mas que muitos não tem conhecimento. Você pode setar uma largura máxima para uma imagem dentro do seu post no WordPress alterando o seu CSS.

Coloque o código no seu CSS

.post img {
        max-width:200px;
        width: auto !important;
        width: 200px;
}

Fazendo isso suas imagens vão ficar com 200px de largura máxima, mesmo você colocando uma imagem com 1000px.
Você pode fazer o mesmo com o a altura da sua imagem usando o seguindo código:

Coloque o código no seu CSS

.post img {
        max-height:200px;
        height: auto!important;
        height: 200px;
}

Também é possível utilizar os dois códigos ao mesmo tempo, fazendo assim sua imagem ficar com 200px de largura e 200 de altura. Esse código é ótimo para quem não gosta de ver seus temas do WordPress quebrados pelas imagens.

Configurando uma largura máxima para suas imagens dentro do post, 3.7 out of 5 based on 3 ratings

Leia Também

  1. Thumbnails para navegação no WordPress
  2. WordPress sem auto save – Como desabilitar?
  3. Usando os thumbnails gerados pelo WordPress no seu tema
  4. Mostrar Posts de uma Categoria
  5. Remover códigos desnecessários no wp_head

Um comentário

  1. Muito boa a sua dica, me ajudou bastante.

Deixe um comentário!