,

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 );…

Obsah článku

Přidejte záhlaví a začněte generovat tabulku obsahu

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/