web-dev-qa-db-ja.com

注目の画像にクラスを追加する

カスタム投稿タイプにおすすめの画像を表示するためのループを指定しました。ブートストラップからのおすすめの画像にimg-responseクラスを追加したいと思います。

これどうやってするの？

ありがとうございます。

コード：

<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>
custom-post-typesimagestwitter-bootstrappost-class
1
Damir

あなたは投稿サムネイルにカスタムクラスを追加することができます。 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は私が追加したカスタムクラスです、あなたは必要に応じてそれを変えることができます。

2
Robert hue

the_post_thumbnail の2番目の引数は$attrです。これにクラスを追加できます。 1つ注意しておくと、デフォルトのクラスが上書きされるので、それらも追加する必要があります。デフォルトはattachment-$sizeです。そのため、私の例ではattachment-post-thumbnailを追加しました。

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