我正在尝试更改单个帖子缩略图的图像宽度和高度属性。这是 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" />
非常感谢任何帮助。
最佳答案
您可以找到缩略图 url 并为其提供 css
<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>
<img src="<?php echo $url; ?>" class="img_thumb"/>
关于php - 如何更改帖子缩略图的图像宽度/高度属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28414073/