引導：將img響應類添加到縮略圖

Question

我必須將img響應類添加到wordpress頁面模板中的圖像。 我的文件被命名爲single-product.php。

這是我的代碼

<div class="col-md-6 col-xs-12" style="margin-top:35px;"> 
    <h1><?php the_title();?></h1> 
    </div> 
    <div class="col-md-6 col-xs-12"> 
    <?php the_post_thumbnail();?> 
</div> 

現在的問題是如何添加類縮略圖？

請幫助我。

Answer 1

您可以在_thumbnail函數中傳遞類名稱。

<?php the_post_thumbnail('thumbnail', array('class' => 'your-class-name')); ?> 

對於更多Refrence https://codex.wordpress.org/Function_Reference/the_post_thumbnail

Answer 2

the_post_thumbnail（）需要兩個參數，尺寸和屬性的數組。你可以在陣列中設置的屬性之一是類，所以一個例子是這樣的

<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive')); ?> 

您可能需要更改縮略圖，你想的大小

，或者你可以讓它空白。一如既往搜索食品有問題的功能，它通常有答案https://codex.wordpress.org/Function_Reference/the_post_thumbnail

Answer 3

這樣，

<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive')); ?> 

此外，它是不是在你的代碼中使用內聯樣式一個很好的做法。