wordpress - 响应式 WordPress 缩略图

Question

我可以轻松地在帖子中制作响应式图像，但是在获取自定义帖子类型拇指以执行相同的 b/c WP 自动插入宽度和高度时遇到问题。我正在寻找一种至少覆盖它们的默认宽度/高度的方法。有人碰巧有解决方案吗？

提前致谢！-j

Answer 1

这是您在 CSS 中想要的：

img {
  max-width: 100%;
  height: auto;
}

第一个声明确保所有图像都不会超过其包含元素的宽度。高度的自动声明可确保所有图像在按比例缩小时保持其比例，即使它们在img元素中具有大小属性​​。所以在某种程度上这会覆盖大小属性。

Answer 2

您应该使用 WPwp_get_attachment_image_src()输出缩略图的 URL，然后继续构建您自己的<img/>标签并对其进行响应。

<img src="<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID)); echo $img[0]; ?>" alt="<?php the_title(); ?>"/>

如果你想要一个特定的尺寸，插入这个：wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large')

Answer 3

<img src="<?php $img=wp_get_attachment_image_src(
                get_post_thumbnail_id($post->ID),large); 
 echo $img[0]; ?>" alt="<?php the_title(); ?>"
                                    style="display:block; width:50%;"/>

那应该这样做。