Главная / Уроки / WordPress / Постраничная навигация в WordPress без плагина

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

Содержание

Многие пользователи движка WordPress знакомы с плагином WP-PageNavi, который добавляет на сайт удобную постраничную навигацию.Многие не очень любят использовать плагины, поэтому в этой статье расскажу как сделать такую навигацию без их использования.

постраничная навигация в вордпресс
Пример постраничной навигации

WordPress версии 2.1 или выше уже имеет встроенную функцию, реализующую такой же функционал. Поэтому, надобности в использовании лишнего плагина, нагружающего сервер, никакой нет.

1) Откройте файл functions.php используемой вами темы и вставьте туда следующий код (можно в самый низ):

function wp_corenavi() {
global $wp_query;
$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'] = 3; //сколько ссылок показывать слева и справа от текущей
$a['end_size'] = 1; //сколько ссылок показывать в начале и в конце
$a['prev_text'] = '«'; //текст ссылки "Предыдущая страница"
$a['next_text'] = '»'; //текст ссылки "Следующая страница"

if ($max > 1) echo '

';
if ($total == 1 && $max > 1) $pages = 'Страница ' . $current . ' из ' . $max . ''."\r\n";
echo $pages . paginate_links($a);
if ($max > 1) echo '

';
}

Эту функцию можно настроить под ваши нужды.  Читайте комментарии к функции.

2) Функцию мы активировали, теперь надо вывести её в нужном месте на сайте.

Для того, чтобы вывести навигацию в нужном месте, вам нужно найти примерно такой код (выделен серым цветом):

постраничная навигация в вордпресс

И заменить его следующим:

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

Как правило, он находится в файлах: index.php, search.php, archive.php

В результате вы получите такой вид:

постраничная навигация в вордпресс

3) На этом этапе можно остановиться. Но, если вы хотите сделать навигацию более привлекательной визуально, то тогда вам нужно открыть файл style.css и найти там следующую строчку: .navigation {

Она отвечает за визуальное оформление постраничной навигации. Вставляйте между скобками { } нужные вам параметры. Например:

.navigation {

padding: 10px 0;
text-align: center;
color: #FF0000;
font-size: 18px;

}

На этом всё.

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

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