如何在不同的设备显示屏上改变Wordpress的thunmbnails大小显示
问题描述:
我有问题可以在不同的设备上显示thunmbnails的大小。 在手机尺寸显示屏上,它仍然显示大的thunmbnials尺寸,但不会自动调整图像尺寸以适应移动设备。请指教。 请检查附件img。感谢如何在不同的设备显示屏上改变Wordpress的thunmbnails大小显示
答
我会建议为您上传的图片创建特殊图片尺寸,然后用srcset来触发哪个图片以什么尺寸显示。
对于图像的大小,使用您的functions.php如下:
add_image_size('mobile', 480, '', false);
这将创造在宽度480像素的“移动”的大小和根据图像的正确ratio'd高度。
一旦你创建了这个,你就可以调用这个版本的图像。如果您需要更多帮助,请告诉我。
答
添加移动检测插件,并添加下面的条件,因此会为你工作。
https://wordpress.org/plugins/mobble/
您可以使用基于条件不同势不同的大小。
<?php
if (is_mobile()) {
the_post_thumbnail('medium');
} else {
the_post_thumbnail('large');
} ?>