Funkce get_the_post_thumbnail() se stará o zobrazení tak známých náhledových obrázků u článků. Vrací html tag img se cestou k náhledovému obrázku. Je alternativou pro the_post_thumbnail, která obrázek rovnou zobrazí. Pokud obrázek neexistuje, vrátí prázdnou hodnotu.
Pro podporu náhledových obrázků, musí šablona obsahovat add_theme_support(‚post-thumbnails‘).
Použití:
echo get_the_post_thumbnail( $post_id, $size, $attr );
Parametry:
$post_id – id článku, u kterého je náhledový obrázek přiřazen.
$size – velikost náhledového obrázku. Může to být název, například „homepage-thumbnail“, nebo pole se šířkou a výškou obrázku – array(50,50).
$attr – pomocí atributů můžete definovat src obrázku, css tříbu, titulek, nebo alt.
$default_attr = array(
'src' => $src,
'class' => "attachment-$size",
'alt' => trim(strip_tags( $attachment->post_excerpt )),
'title' => trim(strip_tags( $attachment->post_title )),
);
Příklady:
Výpis posledních pěti článků s náhledovým obrázkem
$args = array( 'posts_per_page' => 5 ); $postslist = get_posts( $args ); foreach ( $postslist as $post ) : setup_postdata( $post ); ?>ID, 'blog-full'); ?> <h2<?php endforeach; wp_reset_postdata();
Náhledový obrázek s jménem blog-full musí být definován, jinak se nezobrazí nic.
Náhledový obrázek s odkazem na článek
$args = array( 'posts_per_page' => 5 );
$postslist = get_posts( $args );
foreach ( $postslist as $post ) :
setup_postdata( $post ); ?>
<a href="ID); ?>">
ID, 'blog-full'); ?>
<?php
endforeach;
wp_reset_postdata();
Náhledový obrázek, který se otevře ve fancyboxu
$args = array( 'posts_per_page' => 5 );
$postslist = get_posts( $args );
foreach ( $postslist as $post ) :
setup_postdata( $post ); ?>
<a class="fancybox" href="ID, 'large'); ?>">
ID, 'blog-full'); ?>
<?php
endforeach;
wp_reset_postdata();
Musíte mít v šabloně includovaný fancybox a css třída fancybox, musí být přiřazená. Odkaz směřujeme na náhledový obrázek s názvem large.
Pro více informací o práci s náhledovými obrázky doporučuji Náhledove obrazky ve wordpressu/