Redimensionando a imagem destacada (thumbnail) - adammacias/odin GitHub Wiki

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.

⚠️ **GitHub.com Fallback** ⚠️