Постраничная навигация в блоге 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)."'>«</a>"; if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>‹</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)."'>›</a>"; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>»</a>"; echo "</div>\n"; } } |
Вывод списка страниц в теме
Чтобы вывести панель с номерами страниц, добавьте в том месте, где она должна появиться, код:
pages_pagination(); |
Функция может принимать два аргумента, которые имеют значения по умолчанию:
function pages_pagination($pages = '', $range = 2) |
В общем случае первый параметр следует оставить пустым, а во втором параметре можно установить количество ссылок для вывода на экран. Это число указывает скрипту, сколько ссылок до и после текущей страницы надо выводить перед выводом стрелок. При использовании диапазона по умолчанию скрипт выведет по 2 ссылки слева и справа.
Пример использования нумерации страниц:
Функция формирует следующий код 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