Funkce get_the_post_thumbnail

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 ); ?> 
   <a href="<?php echo get_the_permalink($post->ID); ?>">
   <?php echo get_the_post_thumbnail($post->ID, 'blog-full'); ?>
   </a>		
<?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="<?php echo get_the_post_thumbnail($post->ID, 'large'); ?>">
   <?php echo get_the_post_thumbnail($post->ID, 'blog-full'); ?>
   </a>		
<?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/

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *