По умолчанию WordPress предоставляет навигацию с помощью ссылок «следующая страница» и «предыдущая страница».
Если же вы хотите организовать более удобный интерфейс, постраничную навигацию с функциями перехода к предыдущей, следующей, первой или последней странице, можно воспользоваться двумя методами: либо добавить плагин, который реализует это для вас, либо модифицировать текущую тему блога. Использование плагина для решения данной задачи может показаться избыточным решением по сравнению с добавлением нескольких строк кода PHP и CSS к теме.
Добавление функции в файл functions.php
function kriesi_pagination($pages = '', $range = 2)
{
$showitems = ($range * 2)+1;
global $paged;
if(empty($paged)) $paged = 1;
if($pages == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}
if(1 != $pages)
{
echo "";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "«";
if($paged > 1 && $showitems < $pages) echo "‹";
for ($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
{
echo ($paged == $i)? "".$i."":"".$i."";
}
}
if ($paged < $pages && $showitems < $pages) echo "›";
if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "»";
echo " \n";
}
}
Вывод списка страниц в теме
Чтобы вывести панель с номерами страниц, добавьте в том месте, где она должна появиться, код:
pages_pagination();
Функция может принимать два аргумента, которые имеют значения по умолчанию:
function pages_pagination($pages = '', $range = 2)
В общем случае первый параметр следует оставить пустым, а во втором параметре можно установить количество ссылок для вывода на экран. Это число указывает скрипту, сколько ссылок до и после текущей страницы надо выводить перед выводом стрелок. При использовании диапазона по умолчанию скрипт выведет по 2 ссылки слева и справа.
Пример использования нумерации страниц:

Функция формирует следующий код HTML:
1
2
3
›
»
Дополним его стилем, который позволит отображать его согласно вышеприведенному примеру:
.pagination {
padding:20px 0;
position:relative;
font-size:14px;
line-height:16px;
text-align:center;
}
.pagination span, .pagination a {
display:inline-block;
margin: 3px;
padding:5px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#416688;
background: #fff;
border:1px solid #416688;
}
.pagination a:hover{
color:#fff;
background: #3279BB;
}
.pagination .current{
color:#fff;
background: #416688;
border:1px solid #416688;
}
Обычно постраничная навигация требуется на страницах поиска, архивов и главной (в зависимости от структуры темы), поэтому изменения придется вносить в файлы search.php, index.php и archive.php.
Источник : http://www.code-inside.com/postranichnaya-navigatsiya-v-bloge-wordpress-bez-ispolzovaniya-plaginov/
RSS & RSS to Email