向特色图像添加类

时间：2014-11-06 作者：Damir

我已经指定了一个循环来显示我的自定义帖子类型的特色图片，并希望在我的特色图片中添加一个来自引导的img响应类。

我该怎么做？

谢谢

代码：

<div class="home-featured-img">
    <?php 
    if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
        the_post_thumbnail(); // show featured image
    } 
    ?>
</div>

2 个回复
最合适的回答,由SO网友:Robert hue 整理而成

您可以添加自定义类来发布缩略图。the_post_thumbnail 接受属性数组$attr 您可以在其中指定图像类。

因此，您的代码将是。

<div class="home-featured-img">
    <?php
        if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
            the_post_thumbnail( \'full\', array( \'class\'  => \'responsive-class\' ) ); // show featured image
        } 
    ?>
</div>
在上述代码中，responsive-class 是我添加的自定义类，您可以根据需要进行更改。

SO网友:Eric Holmes

的第二个参数the_post_thumbnail 是$attr, 您可以向其中添加类。需要注意的是，您将覆盖默认类，因此您还需要将它们添加到中。默认值为attachment-$size, 这就是我添加的原因attachment-post-thumbnail 在我的例子中。

the_post_thumbnail( \'post-thumbnail\', array(
    \'class\' => \'attachment-post-thumbnail my-custom-class\'
) );

结束
标签： custom-post-types   images   twitter-bootstrap   post-class   小码农  

相关推荐

Removing blog page images

我有我的blog page here 然而，在我创建的一个网站上，我不太明白在哪里可以找到代码来去除我孩子主题上的图像。我使用的是2010年的代码，我已经设置了自己的博客模板页面，但它不起作用，所以我显然编辑了错误的文件。所以不是循环。php我想要编辑的文件，以便在主博客页面上删除这些图像？<?php /* How to display all other posts. */ ?> <?php else : ?> <div i