如何在不同的设备显示中更改Wordpress帖子的thunmbnails大小

Question

我有问题要在不同设备上显示thunmbnails大小。 在移动尺寸显示器上，它仍然显示大的thunmbnials大小，它不会自动调整图像大小以适应移动设备。请指教。 请查看随附的img。感谢

Answer 1

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

对于图像尺寸，请在functions.php中使用以下内容：

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

这将创建宽度为480像素的“移动”尺寸，并根据图像创建正确的比例高度。

创建完成后，您可以调用此版本的图像。如果您需要任何进一步的帮助，请告诉我。

Answer 2

添加移动检测插件并添加以下条件，以便它适合您。

https://wordpress.org/plugins/mobble/

您可以根据条件使用不同的大小。

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