如何在不同的设备显示屏上改变Wordpress的thunmbnails大小显示

问题描述：

我有问题可以在不同的设备上显示thunmbnails的大小。在手机尺寸显示屏上，它仍然显示大的thunmbnials尺寸，但不会自动调整图像尺寸以适应移动设备。请指教。请检查附件img。感谢如何在不同的设备显示屏上改变Wordpress的thunmbnails大小显示

答

我会建议为您上传的图片创建特殊图片尺寸，然后用srcset来触发哪个图片以什么尺寸显示。

对于图像的大小，使用您的functions.php如下：

add_image_size('mobile', 480, '', false);

这将创造在宽度480像素的“移动”的大小和根据图像的正确ratio'd高度。

一旦你创建了这个，你就可以调用这个版本的图像。如果您需要更多帮助，请告诉我。

答

添加移动检测插件，并添加下面的条件，因此会为你工作。

您可以使用基于条件不同势不同的大小。

<?php 
    if (is_mobile()) { 
    the_post_thumbnail('medium'); 
    } else { 
    the_post_thumbnail('large'); 
} ?>