Categorias
Blog Coluna de Everaldo Matias

Como criar novas medidas de recorte de imagens no WordPress

Por Everaldo Matias

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

3 respostas em “Como criar novas medidas de recorte de imagens no WordPress”

Deixe uma resposta para Em Meetup, Amanda Noronha ensina como manter projetos WP relevantes para o Google Page Experience - Comunidade WordPress São Paulo Cancelar resposta