Как встроить указатель страниц в WordPress без использования плагина

WordPress по умолчанию имеет только ссылки “следующая страница” и “предыдущая страница” для навигации между различными страницами блога. Но если вы счастливый обладатель блога с большим количеством заметок, вам просто нужно организовать более удобный для посетителей интерфейс, а следовательно придется удалить встроенные ссылки и использовать более продвинутую нумерацию страниц в своей теме.

Использование плагина для решения данной задачи может быть слишком избыточным решением на фоне добавления нескольких строк кода PHP и CSS к вашей теме.

Нумерация страниц в блоге на WordPress

Функция

Копируем функцию в файл темы:

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";
     }
}

Как использовать функцию (а также рассмотрим ее работу изнутри) ?

Вывод ссылок нумерации на индексной странице организовать просто. Нужно вызвать функцию:

kriesi_pagination();

и все.

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

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

Первый параметр - количество страниц (его нужно использовать только в случае организации пользовательского цикла, о чем будет рассказано далее в уроке).

Второй параметр устанавливает количество ссылок для вывода на экран.Диапазон указывает скрипту, как много ссылок до и после текущей страницы надо выводить перед выводом стрелок (ссылок на следующую страницу и на последнюю страницу). Например, при использовании диапазона по умолчанию (2), если вы находитесь на первой странице, скрипт выводит ссылки на две страницы 2 и 3 , ссылку на следующую страницу и ссылку на последнюю страницу:

Пример вывода нумерации страниц

А если вы перейдете на страницу 4, то скрипт будет выводить ссылки на страницы 2, 3, 5, 6 и ссылки на предыдущую, следующую, первую и последнюю страницы:

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

В функции сохраняется максимальное количество выводимых ссылок в специальной переменной, для последующего использования в алгоритме:

Затем мы организуем доступ к глобальной переменной $paged. WordPress использует данную переменную для хранения номера текущей отображаемой страницы. Если эта переменная пустая, то мы присваиваем ей значение 1.  Страница, которая в текущий момент выводится на экран не должна иметь ссылки, она должна быть "активной".

global $paged;
if(empty($paged)) $paged = 1;

Теперь мы знаем, какую страницу сейчас смотрит посетитель, но нам нужно также знать, сколько страниц всего есть в блоге. Мы предполагаем, что не используем пользовательский цикл, и что переменная $pages не была установлена при вызове скрипта. В этом случае мы можем использовать еще одну глобальную переменную для получения количества страниц:

if($pages == '')
{
    global $wp_query;
    $pages = $wp_query->max_num_pages;
    if(!$pages)
    {
        $pages = 1;
    }
}

Если внимательно просмотреть остальной код функции, то легко заметить, что активно используется функция WordPress get_pagenum_link(), которая возвращает URL страницы WordPress, соответствующей переданному номеру: get_pagenum_link(2) вернет ссылку на страницу 2 блога.

Здесь выполняется определение того, какие ссылки надо выводить для нумерации страниц, на основе нескольких выражений if  и цикла. Лучший способ изучения вопроса - практическое занятие, так что стоит смело пробовать удалять выражения и смотреть, за вывод каких ссылок они отвечают.

CSS

CSS часть нашей нумерации очень простая. Так как функция формирует следующий код HTML:

<div class='pagination'>
<span class='current'>1</span>
<a href="http://www.kriesi.at/blog/page/2">2</a>
<a href="http://www.kriesi.at/blog/page/3">3</a>
<a href="http://www.kriesi.at/blog/page/2">›</a>
<a href="http://www.kriesi.at/blog/page/12">»</a>
</div>

То нужно добавить лишь несколько следующих правил CSS:

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

Пользовательский цикл

Весьма вероятно, что вы можете использовать пользовательские циклы для организации своих записей. Результат такого цикла не сохраняется в глобальной переменной $wp_query, которую мы использовали для получения количества страниц:

$pages = $wp_query->max_num_pages;

Поэтому в таком случае надо использовать функцию kriesi_pagination() с указанием первого аргумента.

Допустим, вы использовали простой пользовательский цикл на своем сайте:

<?php $additional_loop = new WP_Query("cat=1,2,3&paged=$paged"); ?>
<?php while ($additional_loop->have_posts()) : $additional_loop->the_post(); ?>
<!-- Выводим содержимое цикла... -->
<?php endwhile; ?>

А затем можно вызвать функцию для постановки нумерации страниц следующим образом:

kriesi_pagination($additional_loop->max_num_pages);

Меньше плагинов в WordPress - лучше работает блог.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.kriesi.at/archives/how-to-build-a-wordpress-post-pagination-without-plugin
Перевел: Сергей Фастунов
Урок создан: 17 Октября 2010
Просмотров: 27721
Правила перепечатки


5 последних уроков рубрики "Wordpress"

^ Наверх ^