Hostinger Tutoriais

Manipular imagens no WordPress pode ser um desafio. Se você não prestar atenção aos requisitos, poderá confundir a aparência do seu site ou até influenciar o tempo de carregamento. Por esse motivo, você precisa se familiarizar com o tamanho padrão das imagens do WordPress e como alterá-las. Relaxe, tome seu café e deixe-nos aprender mais!

Como o WordPress processa imagens

Quando você carrega uma imagem na biblioteca de mídia, o WorPress gera automaticamente imagens adicionais com três tamanhos de imagem padrão e as salva em um local diferente.

Por esse motivo, quando você carrega uma imagem, quatro opções de imagem são exibidas. As opções são miniaturas (Miniatura), médio, grande e tamanho completo (tamanho original). As três primeiras opções são chamadas de tamanho de imagem padrão do WordPress, enquanto tamanho grande é o tamanho original da imagem que você enviou.

O WordPress cria essas opções porque requer tamanhos diferentes para exibir essas imagens em lugares diferentes. Por exemplo, a resolução da imagem em miniaturas pode diferir da resolução usada na ilustração empurrão

Portanto, você não precisa editar e redimensionar suas imagens manualmente se quiser usar as mesmas imagens em locais diferentes com resoluções diferentes. Você só precisa adicionar uma imagem e o WordPress faz o resto.

Qual é o tamanho padrão para imagens do WordPress?

Por padrão, o WordPress inclui três tamanhos de imagem predefinidos. São eles:

  • miniaturas (Miniaturas): (Quadrado de 150 px)
  • Tamanho médio: (largura e altura máx. de 300 px);
  • Tamanho grande: (largura e altura máximas de 1024 px);
  • tamanho original: (Tamanho original da imagem carregada),

Para alterar o tamanho padrão das imagens do WordPress

Embora o WordPress já ofereça três tamanhos de imagem padrão, existem alternativas se você achar que essas opções não atendem às suas necessidades. Talvez você precise thumbnails Imagens com recursos menores ou maiores. Portanto, você deve alterar os tamanhos de imagem padrão do WordPress. Para fazer isso, execute as seguintes etapas:

  1. Acesse a seção admin.
  2. Passe isso mouse em configurações -> mídia;
  3. Na janela Configurações de mídia, você pode ajustar os pixels desejados para cada tamanho.
  4. Clique em Salvar alterações para terminar.
Tamanho das imagens do WordPress na seção admin

Como adicionar um tamanho de imagem personalizado no WordPress

Então você tem os três tamanhos de imagem padrão. Suponha que você tenha uma imagem em tamanho real miniaturas Para sua miniatura, uma imagem de tamanho médio para sua foto posto e uma grande figura para ela empurrão, No entanto, você acha que precisa de mais tamanhos de imagem padrão para suas imagens bandeira. estouro e Widgets, Você pode adicionar tamanhos de imagem personalizados do WordPress? Sim você pode

Etapa 1 Adicione tamanhos de imagem personalizados no WordPress usando o arquivo function.php

Alguns modelos já oferecem opções adicionais para o tamanho da imagem. Mas se você não conseguir encontrá-los, adicione o tamanho da imagem personalizada do WordPress que faremos agora.

Agora você estará lidando com códigos. Então não se esqueça de fazer um fusível os arquivos e Criar um tópico filho do seu WordPress antes das alterações.

  1. Acesse o painel de administração
  2. Flutuar sobre Aparência -> Editor de Temas
  3. Edite o arquivo functions.php
  4. Copie o roteiro abaixo e cole no arquivoadd_theme_support(Pop-up banner ');
  5. Pressione o botão Atualizar arquivo,

O script acima ativa a função add_image_size (), Se já estiver ativado, você pode adicionar novas imagens do WordPress da seguinte maneira:

  1. add_image_size("Tamanho do banner pop-up", 1000, 590);
  2. add_image_size(& # 39; tamanho do widget & # 39;, 220, 180);

No exemplo, você nomeará os novos tamanhos "Tamanho do banner pop-up"E"Tamanho do widget, "Os seguintes tamanhos são largura e altura.

Tópico de edição wordpress "class =" wp-image-17208 "srcset =" https://www.hostinger.com/tutorials/wp-content/uploads/sites/12/2019/10/image.png 933w, https: // www.hostinger.com/tutorials/wp-content/uploads/sites/12/2019/10/image-150x56.png 150w, https://www.hostinger.com/tutorials/wp-content/ uploads / sites / 12 / 2019/10 / image-300x112.png 300w, https://www.hostinger.com/tutorials/wp-content/uploads/sites/12/2019/10/image-768x286 .png 768w "tamanhos =" (máx. Largura: 933px) 100vw, 933px

2º passo. Visualize imagens em tamanhos personalizados para o seu tópico

Você adicionou com sucesso os novos tamanhos de imagem, mas eles ainda não são exibidos em seu design. Agora você precisa habilitar os novos tamanhos para o seu tema.

Primeiro, faça backup do seu site antes de fazer alterações. Acesse seu arquivo de design laço postagens e editá-lo. Agora insira o código:

  1. <? php the_post_thumbnail(& # 39; seu tamanho de imagem especificado & # 39;); ?>

Você deve alterar "o tamanho da imagem especificado" para o nome definido na etapa anterior. Por exemplo, você pode alterar o tamanho do banner pop-up. Se você seguir estas etapas, ao carregar imagens na sua biblioteca de mídia, as opções de tamanho do banner pop-up serão exibidas.

Plugins para ajudar

Você definiu um novo tamanho de imagem personalizado no WordPress. No entanto, essa alteração não afeta as fotos anteriores. Para fazer isso, você deve gerar novamente os tamanhos de imagem anteriores.

Felizmente, você não precisa fazer isso manualmente. Existe um plug-in chamado Regenerar miniaturas que permite atualizar o tamanho das imagens anteriores. Siga os passos abaixo.

  1. Acesse o painel de administração
  2. Clique em Plugins -> Adicionar novo
  3. Pesquisar por Regenerar miniaturas,
  4. Instale e ative o plug-in
  5. Acesse agora Ferramentas -> Regenerar miniaturas
  6. Clique no botão Recriar miniaturas para anexos X
  7. Todas as imagens enviadas anteriormente serão recriadas com as novas configurações de imagem.
Plugin de regeneração de miniaturas do WordPress

conclusão

Os tamanhos de imagem do WordPress parecem ser um pequeno detalhe, mas podem realmente causar dor de cabeça. A imagem que você enviou pode não ter o tamanho necessário.

Para resolver isso, você pode tentar dois métodos. Você pode alterar os tamanhos de imagem padrão do WordPress ou adicionar tamanhos de imagem personalizados. Antes de ajustar o novo tamanho da imagem, lembre-se de que enviar imagens grandes e de alta resolução não é uma boa ideia. Imagens de grandes dimensões ocupam muito espaço e reduzem o tempo de carregamento dos sites.

Esperamos que este artigo ajude você a escolher as fotos certas, no lugar certo, com os tamanhos certos. Até mais tarde

Deixe uma resposta

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

You May Also Like

20 Melhores Temas WordPress para Vídeos em 2019

vídeos Já provou ser bem sucedido em atrair visitantes e mantê-los em…

veja como ele impacta a conversão e o engajamento

O mundo em que vivemos está constantemente mudando, evoluindo e se reinventando.…

o jogo que virou um fenômeno de marketing

Saiba mais sobre o jogo de Fortnite e como ele mudou o…

como usar de testes A/B para rankear melhor

Com o SEO Split Testing, você pode fazer várias experiências para descobrir…