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

страницы

Здравствуйте, читатели блога WPnotes.ru! Сегодня я постараюсь доступно и интересно рассказать о постраничной навигации. Если вы выбрали шаблон с уже имеющейся функцией, то нижеперечисленных действий производить не понадобиться. Для общего развития информация, безусловно, окажется полезной.

Я же не ищу легких путей и выбрал простенький шаблон с отсутствием всевожных примочек. Целью было именно самостоятельно во всем разобраться, овладеть не просто теорией, а на практике добиться реализации тех или иных задач. Начнем!

Актуальной тема постраничной навигации становиться когда количество постов на блоге достигает нескольких десятков. Постоянно совершать переходы между следущей и предыдущей страницей может показаться утомительным. А если количество статей несколько сотен и на каждой странице выводится, скажем, 5-8 записей, то до начала можно и не добраться!

Выполняем задачу при помощи плагина WP Page Numbers

Установливается плагин стандартно, для этого воспользуйтесь поиском или скачайте со страницы разработчика. Активируйте его и перейдите в настройки: «Параметры» → «Page Numbers». Здесь на ваш выбор 5 стилей оформления: Modern, Classic, Tiny, Panther, Stylish.

настройка плагина WP Page Numbers

В следующем блоке настраиваем текст, например так:

настройка текста в плагине WP Page Numbers

Если вы захотите убрать какой-либо элемент постраничной навигации, то чуть ниже снимите соответствующую галочку. Можно также настроить количество показывемых страниц, например 10. Если поставить 0, то количество будет неограничено.

другие настройки плагина WP Page Numbers

Как видите настройки весьмо просты, остается сохранить изменения и задать код для вывода навигационного блока. Он также представлен в настройках.

<!--?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?-->

Данный код необходимо добавить в те файлы, где вы хотите видеть навигацию. Это, конечно, главная страница, за нее отвечает index.php. Дальше по необходимости в: archive,php, search.php, categories.php.

Находите код отвечаюший за вывод следующей и предыдущей записи. Выглядит примерно так:

<!--?php previous_post(); ?--> <!--?php next_post(); ?-->

Заменяете на предложенный и наша задача выполнена.

готовая пагинация при помощи плагина

Если навигационный блок не устраивает вас дизайном, то всегда можно задать нужные параметры в таблице стилей CSS. Необходимые файлы найдете в папке с плагином:

\wp-content\plugins\wp-page-numbers\…

Пагинация без плагина

В ходе поисков решения задачи пагинации без помощи плагинов, я нашел несколько вариантов. Пришлось почитать не только русскоязычные ресурсы, но и англоязычные.

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

Не забудьте сделать резервную копию файлов.

Нам необходимо будет добавить следующий код в файл functions.php:

function wp_corenavi() {
 global $wp_query, $wp_rewrite;
 $pages = '';
 $max = $wp_query->max_num_pages;
 if (!$current = get_query_var('paged')) $current = 1;
 $a['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));
 $a['total'] = $max;
 $a['current'] = $current;

 $total = 1; //1 - выводить текст "Страница N из N", 0 - не выводить
 $a['mid_size'] = 10; //сколько ссылок показывать слева и справа от текущей
 $a['end_size'] = 1; //сколько ссылок показывать в начале и в конце
 $a['prev_text'] = '« Назад'; //текст ссылки "Предыдущая страница"
 $a['next_text'] = 'Вперед »'; //текст ссылки "Следующая страница"

 if ($max > 1) echo '</pre>
<div class="navigation">';
 if ($total == 1 && $max > 1) $pages = '<span class="pages">Страница ' . $current . ' из ' . $max . '</span>'."\r\n";
 echo $pages . paginate_links($a);
 if ($max > 1) echo '</div>
<pre>
';
}

Дальше, по аналогии с плагином WP Page Numbers, заменяем код навигации шаблона на:

<!--?php if (function_exists('wp_corenavi')) wp_corenavi(); ?-->

Результат будет таким:

пагинация WordPress без плагина

Применяем таблицу стилей, я ее также нашел в интернете и подкоректировал под свой шаблон — конечный реультат выглядит следующим образом:

пагинация после использования таблицы стилей

Сделать постраничную навигацию без плагина немного труднее, однако справиться при желании сможет любой вебмастер. Надеюсь у вас получилось?

На сегодня все, до встречи!

На десерт известный короткометражный фильм.

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


 

Навигация по записям