php - 如何更改帖子缩略图的图像宽度/高度属性？

Question

我正在尝试更改单个帖子缩略图的图像宽度和高度属性。这是 WordPress 生成的 HTML 标记输出。

<img width="1024" height="600" src="http://www.sample.com/wp-content/uploads/2015/02/image.jpg" alt="My site" width="100%" height="" />

我希望这个 width="1024"height="600" 变成这样 width="100%"height="" 所以图像已经是响应式的在所有不同的窗口屏幕中，无需执行 CSS 或 JQUERY 代码。

我的以下代码无法正常工作。输出是 src 属性之后的另一个 width="100%"height=""/> 而不是替换 width="1024"height="600 " 在 src 属性之前。

我期望的图片标签输出是这样的

<img width="100%" src="http://www.sample.com/wp-content/uploads/2015/02/image.jpg" alt="My site" />

PHP 代码:

$attr = array( 
    'class'     => '',
    'alt'       => 'My site'
    'width'     =>  '100%',
    'height'    =>  ''
);
get_the_post_thumbnail( $post->ID, 'full', $attr )

我有另一种方法来解决这个问题。下面的代码是我的第二个选择，但我也想知道这个图像/高度属性是如何动态变化的。

$img_url= wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );

<img width="100%" src="<?php echo $img_url[0]; ?>" alt="My site" />

非常感谢任何帮助。

Answer 1

您可以找到缩略图 url 并为其提供 css

<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>
<img src="<?php echo $url; ?>" class="img_thumb"/>