Постраничная навигация в блоге 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 "

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

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

pages_pagination();

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

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

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

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

navigation

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

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

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

Запись опубликована в рубрике code-inside_com, WordPress. Добавьте в закладки постоянную ссылку.

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

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

Я не спамер This plugin created by Alexei91