Funções para uso de imagens e post thumbnails (imagem destacada) em seu Tema

17 ago Funções para uso de imagens e post thumbnails (imagem destacada) em seu Tema

O uso de imagens são sem dúvida um ponto crucial na construção de um site de qualidade. Trabalhar com arquivos de imagens dentro do WordPress é mais uma entre as tantas tarefas práticas de serem executadas. O WordPress possui functions, actions e filters nativas para te amparar na tarefa de manipular imagens, para que o uso de imagens do seu site sejam tratado de forma correta. Dessa forma você economiza banda, ganha maior performance e mantém uma boa aparência.

Utilizar as dimensões personalizadas que o WordPress dispõe para o trabalho com imagens, deve ser aproveitado sempre que uma mesma imagem deve ser aplicada em diferentes situações; você obviamente não irá adicionar uma imagem de 1024x768px a um espaço de 320x240px.

A idéia é sempre trabalhar com as dimensões personalizadas para manter a harmonia do layout e tornar rápido seu carregamento.

Tamanhos específicos via Dashboard

Pelo Dashboard, em Configurações > Mídia é possível configurar as dimensões para: Tamanho da Miniatura, Tamanho Médio e Tamanho Grande.

Por padrão as dimensões vêm configuradas respectivamente com 150×150, 300×300 e 1024×1024. A partir do Dashboard do WordPress, você pode configurar as dimensões para cada tipo de imagem do jeito que melhor se encaixa ao seu projeto.

Funções para o uso de imagens

Partindo do conhecimento dos três formatos diferentes inicialmente oferecidos pelo sistema por padrão, você consegue ampliar essa personalização das mídias do tipo imagem gerenciando formatos com dimensões próprias.

set_post_thumbnail_size – Define as dimensões para o formato thumbnail (pequeno) no redimensionamento das imagens.

add_image_size – Adiciona um novo formato de tamanho de imagem. Novos formatos podem ser adicionados por meio desta função. Permite ao programador escolher se deseja redimensionar nas proporções ou forçar o corte e manter as dimensões exatas passadas como parâmetro.

has_image_size – Verifica se um formato de imagem existe.

remove_image_size – Remove o formato passado como parâmetro entre os formatos de imagem existentes.

get_image_tag – Obtém o elemento HTML <img> formatado para a imagem cujo identificador é passado como parâmetro, assim como seus atributos.

wp_get_attachment_image – Retorna um elemento HTML referente ao anexo passado como parâmetro, caso esse seja do tipo imagem.

wp_get_attachment_image_src – A função te retorna o atributo HTML src contendo o caminho da imagem solicitada.

Uso de imagem destacada

A imagem destacada no WordPress propõe evidenciar a imagem que possui maior destaque, aquela que melhor representa um determinado conteúdo. De modo geral, a imagem destacada é aplicada em chamadas resumidas que levam o visitante para a exibição do conteúdo completo.

Veja as rotinas que certamente você poderá empregar para localizar, formatar e exibir seus post thumbnails:

has_post_thumbnail – Condicional para verificar se foi realizada ou não a atribuição de uma imagem destacada a um determinado post. Um dos usos mais comuns dessa função consiste em estabelecer um placeholder, uma imagem padrão quando seu retorno for negativo.

the_post_thumbnail – Exibe em tela a imagem destacada para o post corrente.

get_the_post_thumbnail – Retorna uma string contendo o elemento HTML referente a imagem destacada.

get_post_thumbnail_id – Recupera o ID referente a imagem destacada de uma publicação.