Você pode ter tropeçado no fato de que no papel de desenvolvedor de temas é um padrão para construir seu tema com o desempenho da web em mente. Isto significa ter certeza de que as imagens produzidas no seu tema não estão em tamanho ‘completo’ se elas podem ser mais de 100 kilobytes.
>
Também, fazer uso da funcionalidade do WordPress para o atributo de imagem HTML srcset é outra razão para estar usando a função wp_get_attachment_image() na produção de imagens.
Outro uso seria na produção de posts de blogs com imagens em destaque. Como um desenvolvedor de temas você quer ter certeza de que você especificou: (a) um dos tamanhos padrão de miniaturas de posts, ou (b) criar seu próprio tamanho personalizado de miniatura de posts.
Existem casos em que você pode não ter que usar um tamanho personalizado de miniatura de posts. No entanto, você pode usar um tamanho de miniatura de postagem padrão, que será perfeitamente adequado às suas necessidades.
Os tamanhos de miniaturas padrão disponíveis para você usar são os seguintes:
-
thumbnail(usa o tamanho 150px × 150px) -
medium(usa o tamanho 300px × 300px) -
medium_large(usa o tamanho 768px × 0px) -
large(usa o tamanho 1024px × 1024px)
Nestes casos você pode facilmente especificar se você tem um tamanho similar para usar para qualquer um destes tamanhos padrão de miniaturas. Tudo o que você terá que fazer é usar qualquer uma das sequências acima mencionadas no parâmetro $size da função_post_thumbnail().
Você notará que estes tamanhos padrão de miniaturas são quase todas imagens com um quadrado. Isto é provavelmente devido ao espaço máximo do qual uma imagem pode ser gerada – um quadrado. Para tirar o máximo proveito do espaço, a decisão foi tomada para fazer estes tamanhos padrão de miniaturas como imagens quadradas.
When to Use a Custom Post Thumbnail Size
No entanto, há casos em que você precisa sair uma imagem que não é um quadrado. Veja por exemplo que você tem que adicionar uma imagem em destaque acima do seu artigo individual do blog usando a função the_post_thumbnail().
Você pode usar o seguinte código que irá sair uma imagem destacada do seu artigo com o tamanho 1024px × 768px:
add_image_size( 'single-feature', 1024, 768, true );
E identificar rapidamente o que isso significa em termos leigos:
- add_image_size() – criar uma miniatura personalizada do post tamanho
- ‘singlefeature’ – parâmetro
$name, apenas um nome da miniatura personalizada do post tamanho - 1024 – parâmetro
$width, a largura da miniatura personalizada do post tamanho - 768 – parâmetro
$height, a altura da miniatura personalizada do post tamanho - true – parâmetro
$crop, significa se para (a) corte duro, ou (b) escala da imagem no tamanho da miniatura personalizada do post. Mais informações nos documentos WP Dev
Como informações adicionais: a partir do exemplo foram escolhidas a largura e a altura especificadas (1024 × 768), pois são os tamanhos comuns a serem usados para as imagens em destaque. No entanto, isto não tem de significar que não pode usar qualquer outro tamanho. Certifique-se de ver o que se encaixa melhor no design do seu tema e use isso.
Como atualizar miniaturas personalizadas de posts
Como você vai testar os novos tamanhos de imagem para suas imagens do WordPress, você vai notar que você pode ter problemas para atualizar a largura e a altura sem alterar o tamanho $name da miniatura personalizada de posts.
Deixe-nos tomar por exemplo que você tem o tamanho antigo:
add_image_size( 'single-feature', 1024, 768, true );
Mas agora você precisa atualizar o tamanho desta miniatura de ‘uma característica’ para o seguinte:
add_image_size( 'single-feature', 1366, 768, true );
Você vê que a alteração foi na largura de 1024 para 1366. Mas ao actualizar o template onde este tamanho é suposto ser mostrado, ele ainda irá mostrar a sua imagem com a largura de 1024. Como isto pode ser corrigido?
Para corrigir isto, terá de regenerar a miniatura.
Então para começar, certifique-se de que actualizou a largura e altura da miniatura, depois instale o plugin Regenerate Thumbnails. Siga as instruções do plugin e você terá regenerado os tamanhos das miniaturas com sucesso.
Regerar todas as suas imagens pode levar algum tempo, especialmente se o seu site tem muitas imagens na sua Media Library.
Where to Place the add_image_size Function
The add_image_size() function will not work unless you place it properly within the WordPress after_setup_theme action hook. Isto significa que o seguinte código de exemplo:
add_image_size( 'archive-featured', 792, 446, true );
Deve estar dentro do seguinte gancho de acção no seu tema functions.php ficheiro sob:
function ms_setup() {add_image_size( 'archive-featured', 792, 446, true );}add_action( 'after_setup_theme', 'ms_setup' );
Adicionar add_image_size no tema Underscores
Um tema inicial muito popular chamado tema Underscores Theme ou _s tem um bom lugar para adicionar as suas funções add_image_size().
Você pode adicionar a função de tamanho de miniatura personalizada do post add_image_size() sob a linha add_theme_support( 'post-thumbnails' ); no arquivo functions.php do tema Underscores.
A razão pela qual você pode adicionar a função add_image_size() aqui é porque ela já está dentro do after_setup_theme gancho de ação mencionado anteriormente.
Adicionar Snippet da Função Tamanho da Imagem para os Temas do WordPress
Se quiser, pode copiar o snippet abaixo para o tema add_image_size no tema Underscores para sua referência futura:
/* * Custom post thumbnail sizes for use across the theme. * * @link https://developer.wordpress.org/reference/functions/add_image_size/ */add_image_size( $name, $width, $height, $crop );
Note: Por favor certifique-se de definir os parâmetros utilizados no snippet para se certificar de que não recebe nenhum erro de aviso PHP no seu tema. O snippet acima é usado como um modelo para você copiar colar nas funções do seu tema.
Conclusion
Obrigado pela leitura deste artigo! Por favor, deixe-me saber seus pensamentos e sua configuração nos tamanhos de miniaturas de posts personalizados.
Se você gostou deste artigo, você pode gostar de saber os erros de Tema na configuração de tipos de posts personalizados. Para começar, não registe tipos de posts personalizados no seu tema!
