Como limitar o tamanho máximo das suas imagens no WordPress

268 3

Quando escrevemos um post, é importante dar aquela imagem única, para deixar o visitante confortável com a sua leitura. Imagens também são ilustrativas, e dispensam muitas palavras que podem ser desncessárias. Na verdade, a fórmula correcta é: 1 Imagem=1000 palavras!

Sendo assim, todo o blogueiro quer colocar imagens nos seus posts, ou melhor, deve colocar imagens nos seus posts. O problema surge quando a imagem é maior que o layout do post, o que deixa o nosso blog desconfigurado.Existe uma forma muito eficiente de evitar este problema, que é limitando o tamanho máximo da imagem, usando CSS. Para fazer isso, simplesmente cole o código abaixo dentro do ficheiro CSS do seu tema, que normalmente chama-se style.css:

.post img {
    max-width: 240px; /* Coloque aqui o valor da largura máxima da imagem*/
    height: auto;
}

Aqui estamos aplicando este tamanho máximo apenas para as imagens que estão nos posts, já que apenas aplicamos o estilo para a variável .post do CSS. Antes, certifique-se que esta variável existe no seu tema, no single.php.É claro que você poderia definir a largura máxima no gestor de mídia, para o WordPress formatar a imagem durante o Upload, mas creio que esta solução seja melhor, já que funcionará também para imagens linkadas de fora do blog. Eu por exemplo, sempre linko imagens do Flickr, para poupar espaço no servidor.

(Visited 1.764 times, 1 visits today)

Elisio Leonardo

Elisio Leonardo is an experienced Web Developer, Solutions Architect, Digital Marketing Expert, and content producer with a passion for technology, artificial intelligence, web development, and entertainment. With nearly 15 years of writing engaging content on technology and entertainment, particularly Comic Book Movies, Elisio has become a trusted source of information in the digital landscape.