the_post_thumbnail responsivo srcset não preenchendo com tamanho de imagem personalizado

10

Estou tentando usar o novo recurso de imagens responsivas no Wordpress 4.4, mas continuo correndo em um problema específico ao tentar usar o_post_thumbnail com um tamanho de imagem personalizado. Parece que não consigo usar tamanhos de imagem personalizados.

O código a seguir produzirá uma tag img com o srcset presente:

<?php the_post_thumbnail('medium',  array( 'class' => 'img-responsive' )); ?>

Aqui está a aparência da marca img com o medium size 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 desaparece. Alguém sabe o que está acontecendo aqui?

Veja como adicionei meu tamanho de imagem personalizado:

add_image_size ('my-custom-size', 1050, 626, true );

Veja como fica no código:

<?php the_post_thumbnail('my-custom-size',  array( 'class' => 'img-responsive' )); ?>

E aqui está o que é produzido, observe que my-custom-size não está sendo lido e, em vez disso, está adicionando wp-post-image em 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!

    
por Moose 11.03.2016 / 23:37

1 resposta

4

Não há informações suficientes para garantir que esta resposta seja definitiva, mas aqui está uma tentativa.

Em primeiro lugar, verifique se a imagem que você está enviando é realmente maior que o tamanho que você definiu. Vejo pessoas fazendo upload de imagens muito pequenas e obtendo esse tipo de resultado o tempo todo.

Em segundo lugar, o WP criará apenas uma lista Srcset de tamanhos de imagem com a mesma proporção. Se o tamanho personalizado tiver uma proporção diferente para outros tamanhos de imagem, você poderá criar uma seleção de novos tamanhos com proporções correspondentes.

Em terceiro lugar, depois de alterar ou adicionar novos tamanhos de imagem, você deve sempre gerar novamente miniaturas existentes. Há um ótimo plugin chamado Regenerar Miniaturas para isso.

    
por Andy Macaulay-Brook 20.07.2016 / 18:12