Question

我必须在wordpress页面模板中为图像添加img-responsive类。我的文件名为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

您可以在the_thumbnail函数中传递类名。

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

更多参考 https://codex.wordpress.org/Function_Reference/the_post_thumbnail

Answer 2

the_post_thumbnail（）接受两个参数，size和一组属性。您可以在数组中设置的属性之一是类，因此示例将如下所示

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

您可能希望将缩略图更改为您想要的尺寸，或者您可以将其留空。因为总是在codex中搜索有问题的函数，它通常有答案https://codex.wordpress.org/Function_Reference/the_post_thumbnail

Answer 3

像这样，

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

此外，在代码中使用内联样式不是一个好习惯。

Bootstrap：向缩略图添加img-responsive类

3 个答案: