it-swarm.com.de

Hinzufügen von Klassen zum vorgestellten Bild

Ich habe eine Schleife zum Anzeigen von vorgestellten Bildern für meinen benutzerdefinierten Beitragstyp angegeben und möchte meinem vorgestellten Bild eine Klasse hinzufügen, die von bootstrap auf img reagiert.

Wie kann ich das machen?

Vielen Dank!

Code:

<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>
1
Damir

Sie können benutzerdefinierte Klassen zum Posten von Miniaturansichten hinzufügen. the_post_thumbnail akzeptiert ein Array des Attributs $attr, in dem Sie die Bildklasse angeben können.

So wird Ihr Code sein.

<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>

Im obigen Code ist responsive-class die benutzerdefinierte Klasse, die ich hinzugefügt habe. Sie können sie nach Bedarf ändern.

2
Robert hue

Das zweite Argument von the_post_thumbnail ist $attr, zu dem Sie Klassen hinzufügen können. Eine Anmerkung ist, dass Sie die Standardklassen überschreiben, also müssen Sie sie auch hinzufügen. Die Standardeinstellung ist attachment-$size, weshalb ich in meinem Beispiel attachment-post-thumbnail hinzugefügt habe.

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