Наверх

Постраничная навигация в блоге WordPress без использования плагинов

По умолчанию 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 "<div class='pagination'>";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo;</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo;</a>";
 
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
             }
         }
 
         if ($paged < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($paged + 1)."'>&rsaquo;</a>";  
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>&raquo;</a>";
         echo "</div>\n";
     }
}

Вывод списка страниц в теме

Чтобы вывести панель с номерами страниц, добавьте в том месте, где она должна появиться, код:

pages_pagination();

Функция может принимать два аргумента, которые имеют значения по умолчанию:

function pages_pagination($pages = '', $range = 2)

В общем случае первый параметр следует оставить пустым, а во втором параметре можно установить количество ссылок для вывода на экран. Это число указывает скрипту, сколько ссылок до и после текущей страницы надо выводить перед выводом стрелок. При использовании диапазона по умолчанию скрипт выведет по 2 ссылки слева и справа.

Пример использования нумерации страниц:

navigation

Функция формирует следующий код HTML:

<div class="pagination">
	<span class="current">1</span>
	<a href="http://www.yoursite.com/blog/page/2">2</a>
	<a href="http://www.yoursite.com/blog/page/3">3</a>
	<a href="http://www.yoursite.com/blog/page/2"></a>
	<a href="http://www.yoursite.com/blog/page/12">»</a>
</div>

Дополним его стилем, который позволит отображать его согласно вышеприведенному примеру:

.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.

Источник: kriesi.at

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *