Я пытаюсь использовать новую функцию адаптивных изображений в Wordpress 4.4, но продолжаю сталкиваться с определенной проблемой, когда пытаюсь использовать the_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">
Пожалуйста, помогите мне понять, что я делаю неправильно!
add_image_size ('my-custom-size', 1050, 0, false );
и для объяснения, пожалуйста, прочитайте это отвечено wordpress.stackexchange.com/a/211405/18731