태그 보관물: responsive

responsive

the_post_thumbnail 반응 형 srcset이 사용자 정의 이미지 크기로 채워지지 않음 medium. <img width=”300″ height=”225″ src=”path/to/image-300×225.jpg”

WordPress 4.4 의 새로운 반응 형 이미지 기능 을 사용하려고 하지만 사용자 지정 이미지 크기로 _post_thumbnail을 사용하려고 할 때 특정 문제가 계속 발생합니다. 맞춤 이미지 크기를 사용할 수없는 것 같습니다.

다음 코드는 현재 img태그를 생성합니다 srcset.

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

다음은 크기가 함수에 전달 된 img태그의 모습입니다 medium.

<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">

그러나 사용자 지정 이미지 크기를 사용하도록 한 가지 변경을하면 srcset사라집니다. 아무도 여기서 무슨 일이 일어나고 있는지 알고 있습니까?

맞춤 이미지 크기를 추가 한 방법은 다음과 같습니다.

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

코드에서 다음과 같이 보입니다.

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

그리고 여기가 통지 출력 무엇을 my-custom-size읽을되지 않습니다 그것은 대신에 추가하는 wp-post-image대신 my-custom-size:

<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">

내가 뭘 잘못하고 있는지 이해하도록 도와주세요!



답변

이 답변이 확실한지 확인하기에는 충분한 정보가 없지만 여기에 시도가 있습니다.

먼저 업로드중인 이미지가 실제로 정의한 크기보다 큰지 확인하십시오. 사람들이 너무 작은 이미지를 업로드 한 다음 항상 이런 종류의 결과를 얻습니다.

둘째, WP는 동일한 종횡비로 이미지 크기의 Srcset 목록 만 구성합니다. 사용자 정의 크기가 다른 이미지 크기와 다른 종횡비를 가진 경우, 종횡비가 일치하는 새로운 크기를 선택할 수 있습니다.

셋째, 새 이미지 크기를 변경하거나 추가 한 후에는 항상 기존 축소판을 재생성해야합니다. 이를 위해 Regenerate Thumbnails 이라는 훌륭한 플러그인 이 있습니다.


답변