Recentemente, um de nossos leitores nos perguntou se é possível alterar o tamanho da imagem do Gravatar. A resposta é sim. Neste tutorial, vamos mostrar como alterar o tamanho da imagem do Gravatar no WordPress.

mudando-of-the-tamanho-dimage gravatar-on-wordpress

Gravatar é um avatar mundialmente reconhecido que vincula o endereço de e-mail do usuário a uma imagem. Aplicativos populares como o WordPress e outros o usam para exibir a foto do usuário em um site.

A maior parte das Temas do WordPress por padrão, adicione um Gravatar ao lado de cada comentário do usuário. Alguns até o usam para a biografia do autor.

Vamos dar uma olhada em como você pode alterar o tamanho da imagem do Gravatar em seu site WordPress.

Nota: Como o tamanho da imagem do Gravatar é definido pelo seu tema, você deve modificar os arquivos do seu tema para alterá-lo.

Como redimensionar Gravatar para comentários do WordPress

A primeira coisa que você precisa fazer é abrir o arquivo comments.php localizado na pasta do seu tema.

Você precisaria entrar no seu site da Web usando um cliente FTP e acessando o diretório do seu tema, seguindo um caminho semelhante a este: " / Wp-content / themes / yourtheme / ".

Alternativamente, se o seu provedoralojamento oferece um gerenciador de arquivos, você pode editar este arquivo usando a interface web do seu cPanel.

No arquivo comments.php, você deve encontrar o seguinte código: avatar_size »

Será dentro do " wp_list_comments Assim:

'ol', 'short_ping' => true, 'avatar_size' => 32,)); ?>

Basta alterar o tamanho das dimensões desejadas. Os gravatares são quadrados, portanto, o valor definido será o mesmo para largura e altura.

Vá em frente e salve suas alterações. Se estiver usando um cliente FTP, você precisará enviar seu arquivo para o servidor. Agora abra um artigo que contém comentários para ver se suas alterações entraram em vigor.

Se não, provavelmente o CSS do seu tema é a causa. A melhor maneira de verificar isso é usar o " Inspecione o elemento ".

Basta clicar com o botão direito do mouse no Gravatar do seu navegador e clicar em Inspecionar item.

inspecione-a-elemento-on-wordpress

Você precisa olhar a altura e largura da imagem do Gravatar para ver se ela corresponde à imagem que você definiu.

Quando você passa o mouse sobre ele, ele também destaca as dimensões reais do Gravatar e as dimensões definidas em seus atributos.

avatar-gravatar-inspeção-de-code

Você notará que os dois são diferentes. Isso significa que o arquivo style.css do seu tema é responsável pelo tamanho padrão da imagem. Muitos temas, incluindo o tema padrão vinte Sixteen usa CSS para alterar o tamanho das imagens.

Você precisa abrir o arquivo style.css na pasta do tema e procurar avatar. Você provavelmente encontrará uma classe CSS: “.como autor .avatar Que contém um código como este:

.comment-author .avatar {height: 42px; posição: relativa; topo: 0.25em; largura: 42px; }

Vá em frente e altere a largura e a altura para corresponder ao valor definido anteriormente no arquivo comments.php.

Isso é tudo. Você alterou com sucesso o tamanho do avatar " Gravatar Nos seus comentários do WordPress.

Agora você deve estar se perguntando, se é possível sobrescrever o tamanho da imagem usando CSS, então por que fazer isso no arquivo comments.php?

Há duas vantagens em fazer isso com este método:

1 - Sem imagens desfocadas

Se você deseja redimensionar as propostas WordPress Gravatar e torná-lo maior, torná-lo por CSS fará esta imagem desfocada.

2- tempo de carregamento mais rápido

Agora, se você deseja definir um tamanho de imagem menor que o padrão, por uma questão de otimização, usar o código CSS para diminuir a imagem não otimizará o carregamento da imagem.

No entanto, alterando o tamanho das imagens para " comments.php Você pode diminuir a imagem, o que pode otimizar o carregamento das imagens.

Isso é tudo para este tutorial, fique à vontade para compartilhar este tutorial com seus amigos em suas redes sociais favoritas.