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.