Question

我正在创建一个推荐插件，用于查询短代码中的自定义帖子。我需要创建一个缩略图库，图像将响应。首先是代码：

add_image_size('rwpt_thumb', 150, 150, true);

 $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'rwpt_thumb' );
      $url = $thumb['0'];
      $idd = get_the_ID();
         $return_string .= '<li class="rwpt_'.$idd.'"><a href=" "><img src="'.$url.'" alt="'.$client.' - '.$client_info.'" /></a></li>';

<li>宽度是其容器的20％。因此，如果我得到裁剪的图像尺寸150 * 150像素，我设置CSS img width:100%;height:auto;，以便图像响应。但我没有得到150 * 150的缩略图。

有什么建议吗？

Answer 1

可能会发生很多事情：

您的原始图片小于150x150。 WordPress不会将图像增加到原始大小之外。
您正在尝试追溯调整图片大小。如果您在上传图片之前未添加此图片尺寸，那么您的图片将无法调整大小。如果您想要重新生成所有缩略图，请plugin for that。
您已经提到<li>是容器的20％。像素的宽度是多少？如果它低于150则会出现问题。如果您正在使用Chrome，则可以检查元素（右键单击<li>），它会为您提供像素宽度，即使它已设置为百分比。

另外，请检查缩略图的实际大小。如果在图像上检查元素，则应在开发人员工具中看到2种尺寸：屏幕尺寸和原始尺寸。如果原始尺寸为150x150，那么您就知道这是造型问题。如果不是，那么你知道它是一个WordPress /配置问题。

缩略图图像大小不起作用

1 个答案: