我自己找到了解决方案。
defauly的Wordpress有多种尺寸。我们只需要添加src。
的第三个参数get_the_post_thumbnail
有一个数组,我们可以在其中设置属性,包括src set。
没有直接的方法可以在SRC集中为图像URL添加代码。所以我们需要使用wp_get_attachment_image_url
内部get_the_post_thumbnail
获取SRCSET的不同图像大小。
在单独找到合适的尺寸后,我们根据其宽度添加它们,如下所示。。
这里我们不使用px,因为设备使用不同的缩放比例和不同的像素密度,并且使事情变得复杂。取而代之的是w,它允许用户的浏览器自动从以下内容中选择合适的一个。
get_the_post_thumbnail(
null,
\'large\',
array(
\'srcset\' => wp_get_attachment_image_url( get_post_thumbnail_id(), \'neve-blog\' ) . \' 480w, \' .
wp_get_attachment_image_url( get_post_thumbnail_id(), \'thumbnail\' ) . \' 640w, \' .
wp_get_attachment_image_url( get_post_thumbnail_id(), \'MedLarge\') . \' 960w\'
)
);