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/18731Respostas:
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.
fonte