Remover atributos de imagem para imagens responsive no WordPress

Alyen

No WordPress, por padrão, quando você adiciona uma imagem essa imagem tem de forma automática os atributos de width e height. Esses atributos substituem propriedades width e height do CSS do nosso theme. Imagens com esses atributos podem atrapalhar na hora de fazer que seu site seja responsivo e compatível com todos os dispositivos.

Veja como remover os atributos de dimensão das imagens inseridas

Copie e cole o código abaixo no arquivo functions.php do seu theme para remover todos os atributos de tamanho quando sua imagem for inserida no editor do seu post, assim você terá total controle sobre o tamanho da imagem no CSS.

/**
 * Removes width and height attributes from image tags
 *
 * @param string $html
 *
 * @return string
 */
function remove_image_size_attributes( $html ) {
    return preg_replace( '/(width|height)="\d*"/', '', $html );
}
 
// Remove image size attributes from post thumbnails
add_filter( 'post_thumbnail_html', 'remove_image_size_attributes' );
 
// Remove image size attributes from images added to a WordPress post
add_filter( 'image_send_to_editor', 'remove_image_size_attributes' );

imagem responsive wordpress - Remover atributos de imagem para imagens responsive no WordPress

Remover os atributos de width e height usando JavaScript

Também é possível remover os atributos de tamanho das imagens usando jQuery, usando um código muito simples para remover qualquer atributo das nossas imagens.

jQuery(document).ready(function ($) {
    $('img').removeAttr('width').removeAttr('height');
});

Usando um plugin para remover o tamanho da imagem

Se você não entende muito de programação e acabar de iniciar um projeto novo, existe a possibilidade de remover os atributos das imagens instalando um plugin para fazer esse trabalho no nosso lugar, com o plugin Image Size Attributes Remover seu problema acabaram.

Se você conhece algum outro método para remover os atributos deixe um comentário e compartilhe seu conhecimento.

Temas

2 comments on “Remover atributos de imagem para imagens responsive no WordPress”

  1. Ótimas dicas…
    Tenho uma dúvida, quando coloco o link da minha página no facebook(para compartilhar) a imagem fica cortada, sem as pontas, já viu esse erro? Mudei o tamanho da imagem destacada, mas não alterou…. Grato

  2. Eu queria fazer o contrário, o editor Guttember não coloca esses atributos, quero forçar o WordPress a colocar pois preciso desses atributos para não dá erro na versão AMP do site.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Ajuda WordPress © 2024 - Todos os direitos reservados.Desenvolvido por AlyenStudio