
Em um grupo sobre WordPress, surgiu uma dúvida que, inicialmente, me pareceu um pouco complexa — leia-se, trabalhosa… No entanto, uma das possibilidades de resposta era mais fácil do que imaginei.
A objeção era mais ou menos assim:
Como adicionar mais uma imagem destacada ao post? Sendo uma nos archives (listagens) e outra na single (página única do post)?
A solução mais simples e que atende o caso é utilizar a função add_image_size() e sua descrição, em documentação oficial, é:
Registra um novo tamanho de imagem.
Por padrão, o WordPress gera diferentes recortes (thumbnails), em diferentes tamanhos, para cada imagem adicionada (upload) ao site.
A função acima cria mais um desses recortes. Sendo assim, é possível utilizar um dos thumbnails nos archives e outro na single.
LEIA TAMBÉM
O futuro (próximo) para devs de temas WordPress
Gutenberg: aprenda como desabilitar blocos desnecessários
Problemas durante a atualização automática do WordPress? Saiba como resolvê-los
Para isso, no seu arquivo functions.php, adicione o seguinte trecho de código:
add_action( 'after_setup_theme', 'add_custom_image_sizes' );
function add_custom_image_sizes() {
add_image_size( 'archive-thumb', 768, 768, true ); // Faz um recorte centralizado de 768 pixels
add_image_size( 'single-thumb', 1024, 480, true ); // Faz um recorte centralizado de 1024 x 480 pixels
}
Some essa função ao hook ‘after_setup_theme’. De acordo com a documentação, essa ação é indicada para fazer configurações logo que o tema é iniciado.
Com isso, teremos dois novos recortes adicionados: ‘archive-thumb’ e ‘single-thumb’ — além dos padrões já gerados pelo WordPress. Para lançar mão esses novos recortes, utilize:
if ( has_post_thumbnail() ) {
the_post_thumbnail( 'archive-thumb'' ); // ou single-thumb
}
No exemplo, estamos adicionando duas novas medidas de recorte. É importante avaliar a quantidade de thumbnails que o seu site está gerando.
+ TEXTOS DA COLUNA DE EVERALDO MATIAS
Por padrão, o WordPress já adiciona alguns recortes — além da imagem original que é enviada.
Uma sugestão? Avalie os tamanhos e, se possível, otimize ou reaproveite imagens com sizes muito próximos para poupar espaço e recursos da sua hospedagem.
*
Mensalmente, Everaldo Matias escreve sobre Desenvolvimento para a comunidade WordPress São Paulo.
*
Everaldo Matias — O paulistano de 33 anos é desenvolvedor WordPress desde 2009. Formado em Tecnologia em Sistemas para Internet pela UNINOVE, contribui com a comunidade WordPress desde março de 2010. No universo do graffiti, é conhecido como Eve14. Nessa faceta, já participou da iniciativa São Paulo Capital Graffiti, é um dos idealizadores do Coletivo 5 Zonas, ganhou o prêmio Arte na Amauri do restaurante Ecco e realizou trabalhos para G-Shock, Dimension Customs, Tintas Coral, Pixel Show, Sesc Santo André, Estadão, entre outros.
O conteúdo desta coluna não reflete, necessariamente, as opiniões da comunidade WordPress São Paulo.
Redes sociais & últimos destaques da comunidade WordPress São Paulo

[…] ← Como criar novas medidas de recorte de imagens no WordPress […]
Ótimo tutorial!
[…] TAMBÉMColuna de Everaldo Matias: Como criar novas medidas de recorte de imagens no WordPressCom 2 trilhas, WordCamp São Paulo 2020 – Lado B oferece 4 palestrasWCSP 2019: Livia Gabos e […]