Come aggiungere una didascalia immagine in primo piano in Wordpress

Question

Spero che qualcuno possa essere in grado di aiutarmi con un problema. Sto costruendo un sito web di notizie per un mio amico. Il sito sta iniziando a venire insieme, ma non riesco a scoprire come aggiungere didascalie alle immagini presentate. Ho cercato in tutto il Web oggi, ci sono molti modi per farlo aggiungendo il codice ai fogli di PHP, ma non sono sicuro di quello che sto facendo.

Ho aggiunto codice al codice functions.php, ma il tutto è a forma di coppia.

Sto incrociando le dita, qualcuno sarà in grado di aiutarmi digitandomi cosa fare.

Grazie in anticipo per il vostro aiuto.

Cordiali saluti

John

Answer 1

In primo luogo, è necessario eliminare il seguente codice nel file functions.php:

function the_post_thumbnail_caption() { 
    global $post; 

    $thumbnail_id = get_post_thumbnail_id($post->ID); 
    $thumbnail_image = get_posts(array('p' => $thumbnail_id, 'post_type' => 'attachment')); 

    if ($thumbnail_image && isset($thumbnail_image[0])) { 
    echo '<span>'.$thumbnail_image[0]->post_excerpt.'</span>'; 
    } 
} 

incollarlo a destra prima del tag di chiusura PHP in quel file, se non c'è un tag PHP di chiusura, assicurati che non ci siano linee vuote sotto il codice che incollerai perché ciò potrebbe causare problemi.

Poi, in cui si desidera la didascalia da visualizzare, è necessario chiamare con questo:

<?php the_post_thumbnail_caption(); ?>

Se non siete sicuri dove mettere la chiamata nei file di template , dovrai trovare dove viene chiamato <?php the_post_thumbnail(); ?>. Cerca la riga nel file del modello e posiziona la chiamata della funzione accanto a essa, dove vuoi che venga visualizzata la didascalia. La funzione racchiude automaticamente la didascalia in un tag span in modo da poterla indirizzare con CSS, ma puoi anche racchiudere la chiamata di funzione in qualsiasi tag che desideri.

Così, per esempio, se il file di modello sta chiamando l'immagine descritto con questo o qualcosa di molto simile:

<?php 
    if (has_post_thumbnail()) { 
     the_post_thumbnail(); 
} ?> 

che ci si vuole aggiungere la chiamata didascalia in questo modo:

<?php 
    if (has_post_thumbnail()) { 
     the_post_thumbnail(); 
} ?> 
<?php the_post_thumbnail_caption(); ?> 

Fatemi sapere se avete bisogno di ulteriori chiarimenti.

Answer 2

the_post_thumbnail();     // without parameter -> Thumbnail 

the_post_thumbnail('thumbnail');  // Thumbnail (default 150px x 150px max) 
the_post_thumbnail('medium');   // Medium resolution (default 300px x 300px max) 
the_post_thumbnail('large');   // Large resolution (default 640px x 640px max) 
the_post_thumbnail('full');   // Original image resolution (unmodified) 

the_post_thumbnail(array(100,100)); // Other resolutions 

Answer 3

So che questa è una vecchia questione, ma ho voluto offrire un'altra soluzione che altri potrebbero preferire, se si preferisce trattare con i dati che sono già disponibili (chiamate al database meno) durante l'utilizzo di campi già disponibili in WordPress .

Poiché l'output di get_the_post_thumbnail() restituisce l'intero tag img come una stringa con il tag alt pre-compilato dal campo didascalia, è possibile semplicemente estrarre il tag alt del tag immagine utilizzando parser xml o regex.

ho fatto questo:

<?php 
    if ($featured = get_the_post_thumbnail(get_the_ID())): 

     echo $featured; 
     preg_match('/alt="(.*)"/i', $featured, $caption); 

     if ($caption) { 
      echo wpautop(array_pop($caption)); 
     } 
    endif; 
    ?> 

Se si vuole che in una funzione come la risposta inizialmente accettato, si passa il tag img direttamente alla funzione:

function get_the_post_thumbnail_caption($img_tag) { 
     preg_match('/alt="(.*)"/i', $img_tag, $caption); 
     return array_pop($caption); 
    } 

E nel modello:

$img = get_the_post_thumbnail(get_the_ID()); // or any id 
    echo wpautop(get_the_post_thumbnail_caption($img)); 

Si noti che se si popola il campo "alt text", sovrascriverà i dati del campo didascalia quando si stampa il tag img. Puoi sovrascrivere questo comportamento con i filtri, se necessario.