Estou tentando usar o novo recurso de imagens responsivas no Wordpress 4.4, mas continuo encontrando um problema específico ao tentar usar the_post_thumbnail com um tamanho de imagem personalizado. Parece que não posso usar tamanhos de imagem personalizados.
O código a seguir produzirá uma img
tag com o srcset
presente:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
Aqui está a img
aparência da tag com o medium
tamanho passado para a função:
<img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px">
No entanto, quando faço uma alteração para usar meu tamanho de imagem personalizado, o srcset
item desaparece. Alguém sabe o que está acontecendo aqui?
Aqui está como adicionei meu tamanho de imagem personalizado:
add_image_size ('my-custom-size', 1050, 626, true );
Aqui está como fica no código:
<?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?>
E aqui está o que ele gera, observe que my-custom-size
não está sendo lido e está adicionando em wp-post-image
vez de my-custom-size
:
<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">
Por favor, ajude-me a entender o que estou fazendo de errado!
add_image_size ('my-custom-size', 1050, 0, false );
e para a explicação, por favor leia este respondeu wordpress.stackexchange.com/a/211405/18731