Wyświetlanie powiązanych wpisów z miniaturami

PlaceholderWyświetlanie powiązanych wpisów z miniaturami

W dzisiejszych czasach prawie wszystkie strony internetowe mają sekcję blogów i wszystkie firmy starają się przyciągnąć więcej odwiedzających dzięki nim.

Czasami proste triki sa bardzo skuteczne. Jednym z nich jest nawigacja po wpisach. Najpierw musimy otworzyć nasze pliki szablonów i znaleźć plik o nazwie single.php. Ten plik odpowiada za wyświetlanie pojedyńczego posta.

W każdym szablonie znajduje się domyślny kod który odpowiada za wyświetlanie poprzedniego i kolejnego wpisu. Domyślny tag templatki to the_post_navigation(). Ta funkcja pokazuje tylko następne i poprzednie nazwy postów z linkiem.

Najpierw skomentuj domyślny kod nawigacji po wpisie WordPress (użyj „//” na początku linii lub na początku użyj „/”, a na końcu użyj „/”.).

//the_post_navigation();
/*the_post_navigation();*

Następnie musimy po prostu oddzielić następny i poprzedni link. Aby to zrobić, musimy zrozumieć te funkcje.

get_previous_post();
get_next_post()

Myślę, że już rozumiesz, czym one są, podobnie jak ich nazwa, mają one pobierać funkcje następnego i poprzedniego wpisu. Wystarczy wskazać im załączone obrazy i tytuły. Oto nasz kod:

//Previus post
$prev_post = get_previous_post();
/*title*/
$prev_title = get_the_title( $prev_post->ID); 
/*image*/
$prev_thumbnail = get_the_post_thumbnail( $prev_post->ID, 'large'); 
//Next post
$next_post = get_next_post();
/*title*/
$next_title = get_the_title( $next_post->ID); 
/*image*/
$next_thumbnail = get_the_post_thumbnail( $next_post->ID, 'large'); 
//you can change large to small...

Teraz mamy wszystkie rzeczy, których możemy użyć. Musimy tylko się do nich odwołać.

$args = array(
   'prev_text'  => '<div class="post-nav-image">'.$prev_thumbnail.'<span>'.$prev_title.'</span></div>',
   'next_text'  => '<div class="post-nav-image">'.$next_thumbnail.'<span>'.$next_title.'</span></div>'
);
the_post_navigation( $args )

Teraz zrobiliśmy edycję domyślnej funkcji WordPressa z argumentami. Możesz odświeżyć stronę żeby zobaczyć nazwy następnego i poprzedniego posta oraz miniatury.