Redimensionando a imagem destacada (thumbnail)

O Odin possui diversas bibliotecas para tornar seu desenvolvimento mais ágil. Uma delas é o Aqua Resizer.

Com ele é possível redimensionar as imagens destacadas diretamente pelo código apenas no local em que você necessita, sim é o fim do TimThumb.

No Odin, a função usada pelo Aqua Resizer é a odin_thumbnail().

Instalação

Adicione a seguinte linha no functions.php do seu tema:

require_once get_template_directory() . '/core/classes/class-thumbnail-resizer.php';

Argumentos aceitos

A função necessita receber os seguintes argumentos:

• $width (int) Largura em pixels da imagem redimensionada (somente números, ou seja, sem px).
• $height (int) Altura em pixels da imagem redimensionada (somente números, ou seja, sem px).
• $alt (string) Texto alternativo da imagem (atributo alt da tag img).
• $crop (bool) Tipo de corte (true = Corte seco ou false = Corte proporcional).
• $class (string) Classe customizada a inserir na imagem (atributo class da tag img). Não é obrigatório.
• $upscale (bool) Força o redimensionamento em casos onde a imagem é menor que os valores de corte.

Como usar

echo odin_thumbnail( 800, 300, 'Meu texto alternativo', true, 'minha-classe' );

O exemplo acima printa a tag img da seguinte forma:

<img class="wp-image-thumb img-responsive minha-classe" src="/caminho/da/sua/imagem.jpg" width="800" height="300" alt="Meu texto alternativo" />

• 800px de largura.
• 300px de altura.
• Adiciona o texto Meu texto alternativo no atributo alt da tag img.
• Com hard crop mode.
• Adiciona a classe minha-classe no atributo class da tag img.

Agora que você entendeu como funciona você pode utilizar o título do post como texto alternativo:

echo odin_thumbnail( 800, 300, get_the_title(), true, 'minha-classe' );

Código fonte

odin_thumbnail está localizado em core/helpers.php.