Como criar novas medidas de recorte de imagens no WordPress

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