Для того, чтобы сделать такую навигацию по статьям блога или любой другой категории, нужно в шаблоне single.php вашей темы поместить нижеуказанный код  под строчкой get_template_part( 'content', 'single')

single.php

1
2
3
4
5
6
<nav class="navigation posts-navigation" role="navigation">
  <div class="nav-links clearfix">
       <div class="nav-previous"><?php next_post_link('%link ','%title',true); ?></div>
       <div class="nav-next"><?php previous_post_link('%link','%title',true); ?></div>
  </div> <!-- .nav-links -->
</nav> <!-- .navigation -->
Функция

next_post_link( $format, $link, $in_same_cat, $excluded_terms, $taxonomy );

Параметры

format  (строка) (не обязательный) Формат ссылки. Контролирует что будет до и после ссылки. В данном примере ничего не выводится. Стрелки поставлены с помощью css. Тег %link в строке будет заменен на ссылку. '%link' будет генерировать html код <a href-"...></a>

&raquo; - выводит значок »

&laquo; - выводит значок «

&lt; - выводит значок <

&gt; - выводит значок >

По умолчанию: '%link &raquo; '

link (строка) (не обязательный) Текст ссылки (Анкор). Тег %title будет заменен заголовком статьи.
По умолчанию: '%title' (следующий заголовок поста)
in_same_term
(логический) (не обязательный) Если установить этот параметр в true или 1, то будет выводиться ссылка на следующую статью из той же категории что и текущая. Значения: true или false

По умолчанию: false
excluded_terms (строка/массив) (не обязательный) ID категории посты из которых не нужно учитывать при подборе следующего поста. Можно указать несколько категорий. Указывать нужно в массиве, через запятую, напимер:  array(1, 5) или '1,5'.

По умолчанию: None
taxonomy (строка) (не обязательный) Название таксономии ссылка на запись из которой будет получаться.
По умолчанию: 'category'

И css код

style.css

1
2
3
4
5
6
7
8
9
10
.nav-next a:before {
    right: 10px;
    content: "\f061";
}
.nav-previous a:before, .nav-next a:before {
    position: absolute;
    font-family: "FontAwesome";
    color: #ffffff;
    top: 0;
}

Не забудьте подключить и установить шрифты иконок FontAwesome

Translate »
Рейтинг@Mail.ru Яндекс.Метрика