Diferentes tamanhos para as thumbnails do WordPress

Por el 2 de outubro de 2011 | 3:33 pm

Trabalhar com imagens é muito importante para ilustrar posts, harmonizar o design, exibir conteúdo, agregar valor ao material do site como um todo e muitas outras vantagens. No WordPress, além da variedade de formatos disponíveis e o trabalho com thumbnails, imagens destacadas; podemos ainda definir tamanhos personalizados para as imagens serem recortadas.

Imagens em novos formatos

Conforme pode ser visto no post como usar post thumbnails citado acima, para habilitar as miniaturas você deve inserir no arquivo de funções (functions.php) do seu tema a instrução:

Feito isso, no mesmo arquivo iremos adicionar também a função que nos permitirá definir os formatos adicionais de imagens:

Os parâmetros a serem passados para a função add_image_size são:

  • $nome – Nome do formato criado
  • $largura – Dimensão da largura da imagem em pixels
  • $altura – Dimensão da altura da imagem em pixels
  • $recorte – Recebe o valor true para recorte nas dimensões exatas ou false para redimensionar as imagens respeitando suas proporções.

No exemplo abaixo teremos o formato ‘feature’ nas dimensões exatas de 200x150px:

Para usar esse tamanho obtido em qualquer local do seu tema WordPress use:

Post Thumbnail – Formato padrão

Supondo que sua idéia seja apenas de definir um único tamanho para as imagens em miniatura e que se diferencia do tamanho miniatura definido na página Mídia do dashboard; seja pelas dimensões ou forma de recorte, use então:

Defina largura, altura e o tipo de recorte nessa função do mesmo modo realizado em add_image_size. Em set_post_thumbnail_size não se define um nome para o formato, pois ele é único para as thumbnails; o que significa que apenas é permitido utilizar a função uma única vez para um único formato, enquanto que adicionar tamanhos personalizados você pode inserir quantos desejar.

Ao definir o tamanho da thumbnail através da função set_post_thumbnail_size, use-o no tema sem adição de parâmetros, da seguinte forma:

Via guiawp.com.br

Temas:


Ajuda WordPress © 2009-2017 Todos os direitos reservados.Desenvolvido por Alyen Studio