Adăugare clasă la imaginea reprezentativă

Question

Adăugare clasă la imaginea reprezentativă

6 nov. 2014, 21:34:31

Vizualizări: 15.4K

Voturi: 1

Am specificat o buclă pentru afișarea imaginilor reprezentative pentru tipul meu de post personalizat și doresc să adaug o clasă img-responsive din Bootstrap la imaginea reprezentativă.

Cum pot face acest lucru?

Mulțumesc!

Cod:

<div class="home-featured-img">
    <?php 
    if ( has_post_thumbnail() ) { // verifică dacă postul are o Imagine Reprezentativă asignată
        the_post_thumbnail(); // afișează imaginea reprezentativă
    } 
    ?>
</div>

Damir

113

tipuri de postare personalizate imagini twitter bootstrap post class

Toate răspunsurile la întrebare

Al doilea argument al funcției the_post_thumbnail este $attr, căruia îi puteți adăuga clase. O observație importantă este că veți suprascrie clasele implicite, așa că va trebui să le includeți și pe acestea. Valoarea implicită este attachment-$size, motiv pentru care am adăugat attachment-post-thumbnail în exemplul meu.

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

Eric Holmes

3.91K

6 nov. 2014 21:44:59

Robert hue 8.56K · Accepted Answer · 2014-11-06T21:45:08Z

Puteți adăuga o clasă personalizată pentru imaginile în miniatură ale postărilor. the_post_thumbnail acceptă o serie de atribute $attr unde puteți specifica clasa imaginii.

Deci codul dvs. va arăta astfel:

<div class="home-featured-img">
    <?php
        if ( has_post_thumbnail() ) { // verifică dacă postarea are o imagine în miniatură asignată.
            the_post_thumbnail( 'full', array( 'class'  => 'responsive-class' ) ); // afișează imaginea reprezentativă
        } 
    ?>
</div>

În codul de mai sus, responsive-class este clasa personalizată pe care am adăugat-o, o puteți modifica după necesități.

Robert hue

8.56K

6 nov. 2014 21:45:08