the_post_thumbnail响应式srcset未填充自定义图像大小


8

我正在尝试使用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">

请帮助我了解我在做什么错!


1
设置您的位置add_image_size ('my-custom-size', 1050, 0, false );并进行解释,请阅读已回答的wordpress.stackexchange.com/a/211405/18731
Jevuska,2016年

您是否使用新上传的图片进行了测试?您的新图像尺寸将仅在上载图像时应用。您可以使用“重新生成缩略图”之类的插件为现有图像重新生成图像集。
安迪·麦考利-布鲁克

1
@Jevuska不会将图像硬剪切到发问者想要的尺寸。
安迪·麦考利-布鲁克

1
我的回答对您有帮助吗?这个问题仍然存在吗?
Andy Macaulay-Brook

Answers:


4

没有足够的信息来确保这个答案是确定的,但这是一个尝试。

首先,请确保您要上传的图片实际上大于您定义的尺寸。我看到人们上传的图像太小,然后一直得到这种结果。

其次,WP将仅组成具有相同纵横比的图像大小的Srcset列表。如果您的自定义尺寸的长宽比与其他图像尺寸不同,则可以创建具有匹配长宽比的新尺寸。

第三,更改或添加新图像尺寸后,必须始终重新生成现有缩略图。有一个很棒的插件叫做Regenerate Thumbnails


1
如果有帮助,请随时投票:-)
Andy Macaulay-Brook
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.