WordPress tem sido o sistema de gerenciamento de conteúdo mais utilizado ao longo dos anos, pois estima-se que tenha um 64,2% de participação de mercado entre outros CMSs. O fato de usuários sem experiência em codificação poderem construir e lançar sites com apenas alguns cliques tem sido um dos maiores atrativos.
O WordPress também possui um diretório com milhares de temas que os usuários podem personalizar para atender às suas necessidades. Também existem milhares de plug-ins que os proprietários de sites podem usar para estender a funcionalidade de seus sites.
Uma imagem em destaque em suas páginas e postagens é uma das coisas que você deve considerar se quiser que seu site WordPress seja único, atraente e visualmente atraente.
No entanto, você também deve garantir que a imagem em destaque tenha as dimensões corretas. Se a imagem apresentada for muito pequena, as pessoas não a verão.
Por outro lado, se esta imagem for muito grande, ela não caberá em telas menores como smartphones e tablets. Neste artigo, discutirei como alterar o tamanho da imagem em destaque no WordPress e por que isso é importante.
últimas postagens
O que são imagens em destaque?
Uma imagem em destaque é uma representação visual da sua página ou postagem. Esta imagem é visível antes do título e também, às vezes, conhecida como imagem de cabeçalho. Essa imagem aparecerá no topo das postagens do seu site WordPress.
Uma imagem em destaque também aparecerá quando você compartilhar as postagens/página em sites de terceiros, como plataformas de mídia social.
Para ilustrar como funciona uma imagem em destaque, usei “WordPress” como minha frase de pesquisa em etechpt.com.com. Minha ideia era colocar todos os artigos WordPress em nosso site. Nesta captura de tela, você pode ver que a imagem em destaque aparece logo antes do título:
No entanto, quando você abre uma postagem, a imagem em destaque aparecerá após o título, mas logo antes da introdução.
Por que as imagens em destaque são importantes?
A aparência da imagem em destaque dependerá do tema ou personalização. Por que as imagens em destaque são importantes em uma postagem/página? Podemos ter postagens sem imagens em destaque? Estas são algumas das razões pelas quais você precisa de uma imagem em destaque:
- Apelo visual: as imagens em destaque têm como objetivo tornar seu conteúdo mais envolvente e atraente para seus clientes. Se você selecionar uma boa imagem para ser sua imagem em destaque, você criará uma boa impressão e incentivará os usuários a interagir com seu conteúdo.
- Compartilhamento social: o mundo online funciona melhor quando você compartilha seu conteúdo em diferentes plataformas. A imagem em destaque aparecerá quando você compartilhar sua postagem/página nas redes sociais. Uma imagem atraente aumentará a probabilidade de os usuários das redes sociais interagirem com o seu conteúdo.
- Estrutura de conteúdo: Um bom site deve ser bem estruturado. Imagens e outros recursos visuais ajudam a dividir o conteúdo em pedaços e torná-lo mais legível. Você pode combinar imagens em destaque com outros tipos de imagens em seus artigos longos.
- Geração de miniaturas: uma miniatura é uma representação visual que oferece uma visão geral rápida do que você encontrará em uma postagem. As imagens em destaque podem ser usadas como miniaturas em arquivos de postagens e listagens.
- Benefícios de SEO: os mecanismos de pesquisa consideram muitas coisas ao classificar sites. Você pode adicionar sua palavra-chave de foco no texto alternativo da imagem em destaque e torná-la detectável pelos mecanismos de pesquisa.
Qual é o tamanho padrão de uma imagem em destaque no WordPress e por que alguém iria querer alterá-lo?
Quando você tira imagens raw usando sua câmera ou baixa fotos de banco de imagens, elas podem não estar otimizadas ou dimensionadas corretamente para serem imagens em destaque. Na maioria dos casos, o WordPress escolherá o tamanho padrão da imagem de origem como o tamanho das imagens apresentadas.
Infelizmente, isso pode não se adequar a vários casos de uso e, portanto, você deve definir as imagens em destaque para algo próximo a 1200 x 628 pixels.
Estas são algumas das razões pelas quais você deve alterar o tamanho da imagem em destaque:
- Otimize as velocidades de carregamento da página da web: a natureza do conteúdo e dos gráficos do seu site afeta a velocidade geral de carregamento. Otimizar o tamanho de suas imagens garante que você não sobrecarregue os servidores e não leve a velocidades baixas.
- Benefícios de SEO: os mecanismos de pesquisa consideram coisas como velocidade de carregamento e experiência do usuário ao classificar sites. O redimensionamento das imagens em destaque garante que suas páginas carreguem rapidamente e que as imagens respondam a diferentes tamanhos de tela.
- Melhore o apelo visual: otimizar suas imagens é o primeiro passo para criar uma boa impressão do seu site. Certifique-se sempre de otimizar suas imagens em destaque, pois elas são a primeira coisa com a qual as pessoas interagem.
Alguns temas não permitem que você configure uma imagem em destaque em uma única postagem por padrão. Você não quer perder os benefícios de ter uma imagem em destaque em suas postagens, não é? Felizmente, você ainda pode mostrar imagens em destaque em uma única postagem no WordPress por meio de twerk manual.
Como alterar o tamanho da imagem de recurso do WordPress
A aparência do seu site dependerá do tema que você está usando. A escolha do editor também é uma consideração importante ao redimensionar as imagens em destaque. Para fins de demonstração, usarei um site rodando em Jornalex e usando o editor WordPress Classic. Também usarei uma imagem de Pixabay e baixará um com 1280*853 pixels.
Siga esses passos:
#1. Adicione uma nova postagem: Supondo que você já esteja logado em seu site WordPress, na parte superior procure por ‘+Novo’ e clique em ‘Post’.
#2. Defina uma imagem em destaque: estou editando uma postagem sobre meus rascunhos; Vou pular outras tarefas, como adicionar um título e conteúdo. Vou rolar até o final e clicar em ‘definir imagem em destaque’.
Clicarei no ícone ‘carregar arquivos’, pois já baixei a imagem no meu computador.
#3. Redimensione a imagem: depois de enviar minha imagem em destaque, o WordPress escolheu automaticamente 1280*853 pixels como suas dimensões. No entanto, quero definir minha imagem para 1200 * 628 pixels. Agora posso clicar em ‘Editar imagem’.
Em seguida, clicarei em ‘Escala’.
Agora posso ajustar as dimensões para 1200 * 628 pixels.
Salve suas alterações e publique sua postagem.
Abordagens alternativas para redimensionar sua imagem em destaque
Editar as dimensões da imagem no WordPress é uma das muitas abordagens que você pode usar para redimensionar as imagens em destaque. Estas são outras abordagens:
#1. Ferramentas on-line
Você pode fazer upload de imagens em destaque “prontas para publicação” após redimensioná-las usando ferramentas online. Se quiser configurar sua postagem em destaque, você pode configurá-la para 1200 * 628 pixels usando uma ferramenta online como Adobe Expressbaixe-o e carregue-o em seu WordPress sem modificações adicionais.
A escolha da ferramenta dependerá da usabilidade. Você também pode usar algumas dessas ferramentas para compactar suas imagens e reduzir o tempo de carregamento.
#2. Usando CSS
A maioria dos usuários de sites WordPress não escreve CSS para estilizar seus aplicativos. No entanto, se você conhece um pouco de CSS, pode redimensionar sua imagem em destaque sem muita dificuldade. Isso envolve escrever CSS personalizado na planilha estilos.css.
A primeira coisa que você precisa identificar é a classe que contém a imagem em destaque. Você pode então destacar as dimensões da imagem em destaque nessa classe. Por exemplo, se tivermos uma classe conhecida como high-flyers e quisermos adicionar nosso código CSS customizado, teremos isto:
high-flyers img {
width: 100%; /* Make the image fill its container */
height: auto; /* Maintain aspect ratio */
max-width: 1200px; /* Limit the image width to 1200 pixels */
max-height: 628px; /* Limit the image height to 628 pixels */
}
#3. Usando PHP
O WordPress foi projetado para atender desenvolvedores e não desenvolvedores. Você pode redimensionar suas imagens em destaque editando o código PHP se for um bom desenvolvedor PHP. A melhor abordagem para editar seus arquivos PHP é usar temas filhos para que as alterações não sejam perdidas quando você atualizar seu tema pai.
Você deve estar familiarizado com as pastas e a estrutura de arquivos do WordPress se quiser que essa abordagem funcione. Localize funções.php no seu tema filho e adicione este código:
<?php set_post_thumbnail_size( 1200, 628, true ); // Set the dimensions to 1200x628 pixels with cropping ?>
No entanto, você deve ter cuidado, pois um simples erro pode derrubar todo o seu site.
Como alterar o tamanho das imagens do WordPress
Uma imagem em destaque não é o único tipo de imagem que você terá em sua postagem/página. Uma postagem típica terá imagens diferentes e suas dimensões serão diferentes. Temas diferentes podem ter dimensões diferentes definidas por padrão. Você pode definir como as imagens aparecerão em seu site no painel do WordPress.
No painel do WordPress, navegue até “Configurações” e clique em “Mídia”.
Agora você pode alterar coisas diferentes, como miniaturas, largura máxima e altura máxima de imagens de tamanho médio e grande. Após fazer as alterações, clique em ‘salvar’.
Conclusão
Não podemos enfatizar o suficiente a importância de ter imagens em destaque em suas postagens e páginas. Esperamos que você entenda como redimensionar as imagens em destaque e por que isso é importante.
A escolha da abordagem dependerá de suas habilidades e preferências. Certifique-se de escolher a imagem certa, pois sua aparência e meta detalhes sinalizarão aos usuários se levam seu site a sério ou não.
Você também pode explorar alguns geradores de imagens em destaque incríveis.