o_post_thumbnail srcset responsivo não está sendo preenchido com o tamanho da imagem personalizada


8

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 imgtag com o srcsetpresente:

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

Aqui está a imgaparência da tag com o mediumtamanho 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 srcsetitem 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-sizenão está sendo lido e está adicionando em wp-post-imagevez 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!


11
configurar o seu 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
Jevuska

Você testou com uma imagem recém-carregada? Seu novo tamanho de imagem será aplicado somente quando as imagens forem carregadas. Você pode regenerar conjuntos de imagens para as imagens existentes usando um plug-in como Regenerar miniaturas.
Andy Macaulay-Brook

11
@ Jevuska que não cortará a imagem com as dimensões desejadas pelo questionador.
Andy Macaulay-Brook

11
Minha resposta ajudou mesmo? Essa pergunta ainda está atual?
Andy Macaulay-Brook

Respostas:


4

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

Primeiro, 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 compõe apenas uma lista Srcset de tamanhos de imagem com a mesma proporção. Se o tamanho personalizado tiver uma proporção diferente de outros tamanhos de imagem, você poderá criar uma seleção de novos tamanhos com proporções correspondentes.

Em terceiro lugar, após alterar ou adicionar novos tamanhos de imagem, você sempre deve gerar novamente as miniaturas existentes. Existe um ótimo plug-in chamado Regenerar miniaturas para isso.


11
Sinta-se livre para votar-lo se ele ajudou :-)
Andy Macaulay-Brook
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.