Плагин постраничной навигации WP PageNavi: установка и настройка

Сегодняшний пост будет о том, как сделать постраничную навигацию WordPress сайта при помощи плагина WP-PageNavi.

Итак, у вас уже набралось достаточное количество постов, которые не помещаются на одной странице блога. WordPress автоматически разбивает блог на страницы при превышении числа опубликованных записей, указанного в настройках (Параметры - Чтение - На страницах блога отображать не более *число* записей). По умолчанию большое количество тем WordPress отображают переключение между страницами в таком виде:

Мне кажется, что это не очень удобно, ведь постраничная навигация WordPress намного функциональнее.

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

Заходим в раздел «Плагины - Добавить новый», вводим в поиск название «WP-PageNavi» и жмем «Поиск плагинов».

Нужный нам плагин для постраничной навигации WordPress будет первым в результатах поиска, жмем «Установить», затем «Активировать плагин».

Теперь у нас в параметрах появился раздел «Список страниц», в него зайдем чуть позже, а пока сделаем вывод новой постраничной навигации вместо стандартной.

Заходим в «Внешний вид - Редактор» и открываем код файла, который отвечает за навигацию между страницами. В большинстве случаев им является файл index.php. Находим в нем участок, отвечающий за вывод навигации. Выглядеть он должен приблизительно так:

Нам нужно удалить эти строчки и вместо них вставить следующий код:

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

Согласитесь, это смотрится лучше, чем две кнопки «Назад» и «Вперед».

Теперь можно зайти в настройки плагина WP-PageNavi и посмотреть, что можно изменить в нем:

• шаблон общего списка страниц (вы можете заменить текст «Страница 1 из 12» на свой, если вам не нравится стандартный);
• элемент «Текущая страница» (не нужно изменять);
• элемент «Страница» (не нужно изменять);
• элемент «Первая страница» (можете заменить на «В начало» или на другую фразу, которая вам нравится);
• элемент «Последняя страница» (аналогично с предыдущим пунктом, например, «В конец»);
• элемент «Предыдущая страница» (можете заменить стандартное « на другой символ, например, на стрелку влево);
• элемент «Следующая страница» (аналогично с предыдущим пунктом можно заменить » на стрелку вправо);
• элемент «Предыдущие» (многоточие возле перехода на предыдущую страницу);
• элемент «Следующие» (многоточие возле перехода на следующую страницу).

• использовать стиль pagenavi-css.css (будет использоваться стандартный css плагина);
• стиль списка страниц (вы можете выбрать обычный список или выпадающий);
• всегда показывать список страниц (включение или отключение постраничной навигации, даже если страницы с записями отсутствуют);
• количество страниц для показа (число отображаемых страниц в списке);
• диапазон страниц для показа (в том случае, если у вас очень много страниц на сайте);
• коэффициент для диапазонов страниц (если он равен 5, то постраничная навигация будет выглядеть так: 5, 10, 15, 20 и т.д.).

Если вы разбираетесь в css, то сможете самостоятельно настроить WP-PageNavi так, как вам захочется.

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

В настройках вашего блога WordPress в параметрах "Чтение " в пункте "На страницах блога отображать не более " по умолчанию стоит - 12 записей. И когда их количество на блоге или в отдельно взятой рубрике перевалит за 10, внизу главной страницы или страницы этой рубрики появится плохо заметная ссылка "Раньше ".

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

Исправить эту досадную оплошность поможет плагин постраничной навигации WordPress - WP PageNumbers. После установки, активации и настройки плагина, ваш блог приобретет вот такую удобную постраничную навигацию:

Установка WP PageNumbers .

1. Скачать плагин WP PageNumbers можно .
2. Активировать плагин.

Настройка WP PageNumbers .

Перейдите в вашей панели администратора Параметры → Page Numbers .

1. Page Number Themes

Поставьте галочку (если не стоит) пункта "Include theme stylesheet for page numbers " и тем самым разрешите отображать одну из тем плагина в постраничной навигации. Ниже выберите наиболее подходящий для вашего шаблона стиль постраничной навигации.

2. Settings-Text

В этих настройках я вместо "Page " прописал "Страница " и полем ниже заменил "of " на "из ".

3. Settings-show/hide

Здесь лучше оставить все галочки для отображения полной информации в выбранной теме вашей постраничной навигации.

4. Settings-Misc

Впишите количество страниц, отображаемые в навигационной панели подряд до троеточия. Если оставить поле пустым, то по умолчанию будет 10 страниц, если ноль, то без ограничений.

5. Instructions-Code to add to your theme

Откройте файл index.php для чего перейдите в вашей панели администратора Внешний вид → Редактор → Основной шаблон (index.php) . Найдите там код, содержащий в себе слова "Предыдущая запись " и "Следующая запись ".

Замените его на новый код, предоставленный под пунктом "Code to add in your theme ".

То же самое проделайте с файлом "archive.php ", отвечающем за вывод записей в каждой отдельной рубрике.

Не в каждой теме в файле index.php можно найти слова "Предыдущая запись " и "Следующая запись ". В этом случае вставьте наш код перед кодом в конце файла. А для удаления, уже ставшими лишними, ссылок "Предыдущая запись " и "Следующая запись ", удалите в файле loop.php строки со следующим содержимым:

Еще не была установлена постраничная навигация . Я намеренно не спешил с установкой этой функции в силу малого количества опубликованных статей.

Недавно блогу исполнился месяц и данная статья будет двадцатой по-счету. И наверно для удобства моих уважаемых читателей пора бы уже избавиться от ужасно неудобных, а порой даже раздражающих, пресловутых — «Предыдущие записи» и «Следующие записи».

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

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

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

Плагин WP-PageNavi. Установка постраничной навигации на WordPress

Скачать плагин можно с официального сайта по этой ссылке — скачать плагин WP-PageNavi .

Распаковываем архив и с помощью FTP клиента закидываем папку с плагином в директорию — wp-content/plugins. Затем заходим в админку блога во вкладку — «Плагины » и активируем плагин WP-PageNavi.

К настройкам плагина мы перейдем чуть позже, а сперва надо заменить встроенную навигацию — «Предыдущие записи» и «Следующие записи» на постраничную навигацию. Открываем для редактирования файлы в которых прописана функция навигации. В основном это 3 файла — index.php, search.php и archive.php. которые находятся в папке с Вашей темой — wp-content -> themes -> Ваша тема

Ищем в них строчки похожие на эти:

У Вас эти строчки могут маленько отличатся, но найти их особого труда не составит. Заменяем найденные строчки на следующий код:

Повторяю, что замену кодов надо произвести во всех трех файлах!

Настройка плагина WP-PageNavi

Для того, чтобы произвести нужные нам настройки плагина, идем — админка блога -> Параметры -> Список страниц:

Откроется страница настроек плагина, на которой по желанию можно изменить следующее:

В строчке — «Шаблон общего списка страниц» можно убрать общее количество страниц или сократить слово -«Страница», Например мы можем прописать так:

Стр. %CURRENT_PAGE%

После проведенных изменений получится вот такая форма:

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

В четвертой и пятой строчке, опять же по желанию, можно поменять слова «Первая» и «Последняя» например на «В конец» и «В начало» и добавить номер страницы.

Прописываем:

Получается такая картинка:

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

Точно также можно заменять символы в оставшихся четырех строчках. Надеюсь разберетесь, а если нет, то задавайте вопросы в комментариях.

Строчка — «Использовать стиль pagenavi-css.css» позволяет выключать или отключать встроенные в плагин стили (внешний вид формы постраничной навигации). Если Вы совсем не разбираетесь в языке CSS, то лучше галочку оставить.

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

В строчке — «Стиль списка страниц » лучше оставить — «Обычный «, так как если выбрать — «Выпадающий список», то навигация будет выглядеть так:

В строчке — «Всегда показывать список страниц » галочку не ставим.

Далее. В строчке — «Количество страниц для показа » надо указать количество страниц, которое будет включать в себя навигация. Например если указать цифру 3, то мы получим форму всего из трех страниц:

В строчке — «Диапазон страниц для показа » обычно меняют значение если на блоге большое количество статей. Например если указать диапазон 5 то в конце формы будет отображаться нумерация 15, 20, 25 и т.д. Если же указать цифру 10, то диапазон изменится на 20, 30, 40 и т.д.

Если в строчке — «Коэффициент для диапазонов страниц » к примеру указать цифру 2, то получим следующую картину:

Видно, что появились цифры в диапазоне 2. Пользоваться этой функцией начинают, когда на блоге больше 100 публикаций, а то и больше.

После того, как мы изменили настройки «под себя», не забываем сохранить изменения.

Я думаю сложного тут нечего нет и даже самый «зеленый» блогер легко справиться с установкой постраничной навигацией на WordPress вместо неудобной, встроенной функции.

Важно! После установки постраничной навигации необходимо внести изменения в файл robots.txt для того, чтобы не создавать дубли страниц .

До встречи!

С уважением, Виталий Кириллов

Привет всем!

Продолжаю писать статьи, посвященные навигации сайта на движке WordPress.

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

Материал вышел очень объемный и, пожалуй, самый исчерпывающий в сети.

Постраничная навигация (пагинация) - это разбиение информации на страницы. Если взять массу сайтов на Wordpres, то данный феномен ярко выражен в видео списка номеров страниц внизу каждой страницы с анонсами. На моем блоге данная функция имеет следующий вид.

Дизайн может быть разный. Но суть ее одна и та же - разбиение информации на страницы. Как вы знаете, по умолчанию, на главной странице сайта выводятся анонсы записей, которых может быть определенное количество (зависит от выставленных настроек в пункте "Написание").

Если мы не будем разбивать их количество, то они будут выводиться на одной странице. А это не есть хорошо, так как неудобно будет пользоваться сайтом и главная страница будет долго грузиться, ведь с течением времени анонсов будет громаднейшее количество.

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

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

В общем, давайте перейдем к ее реализации и первым шагом встроим ее в шаблон без плагина. Данный способ я разобрал в видео-уроке. Рекомендую сначала его посмотреть, а потом уже проштудировать текстовую версию инструкции.

Делаем без плагина

Сейчас я покажу способ, после которого у вас будет точно такая же постраничная навигация WordPress, как и у меня. Делается все очень просто. Потребуется 2 части кода, которые нужно будет разместить в файлах шаблона, а затем прописать стили, чтобы задать оформление. Приступим!

Вот первая часть кода. Ее необходимо разместить в файле 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 = 0; //1 - выводить текст "Страница N из N", 0 - не выводить $a["mid_size"] = 1; //сколько ссылок показывать слева и справа от текущей $a["end_size"] = 1; //сколько ссылок показывать в начале и в конце $a["prev_text"] = ""; //текст ссылки "Предыдущая страница" $a["next_text"] = ""; //текст ссылки "Следующая страница" if ($max > 1) echo "

Я разместил код в самое начало файла после открывающего тега

В данном коде мы можем отрегулировать некоторые параметры:

• Строка 10 - если изменить значение 0 на 1, то рядом с номерами страниц будет выводиться надпись вида, например "Страница 3 из 45". Можете сделать такой вариант, но я считаю, что в данном случае он не нужен, так как в номерах страниц и так понятно, сколько страниц на сайте. А активная страница выделяется другим цветом;
• Строки 11 и 12 - слева и справа номера активной страниц должно отображаться определенное количество предыдущих или следующих номеров соответственно. Тут мы выставляем их количество. В данном коде стоит значение 1. Можно поставить 2 или 3. Тут нужно будет немного поэкспериментировать, так как чем больше количество номеров, тем шире будет навигация. Все зависит от ширины шаблона.

Так как постраничная навигация должна отображаться везде, где выводится список анонсов,то необходиммо данный код разместить во всех файлах, где это происходит:

• Главная страница - index.php;
• Страницы рубрик и архивов - category.php и archive.php;
• Страница поиска - search.php.

Кстати, в некоторых шаблонах вывод страниц рубрик и архивов может осуществляться одним файлом. У меня за это отвечает файл archive.php.

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

Как правило, стандартная навигация в виде предыдущих и след. ссылок выводится с помощью подобного кода.

У каждого данный код может быть разным, но его основная начинка будет одинаковой. Вам нужно будет найти код, который будет содержать код с названиями next_posts_link и previous_posts_link.

Когда найдете, то смело удаляете данное содержимое из файла и на его место копируете нужный код, выводящий постраничную навигацию.

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

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

/* NAVIGATION */.navigation { float: left; width: auto; margin-left: 216px; margin-top: -2px; font-size: 16px; } .navigation > a { float: left; width: 32px; font-weight: 700; text-align: center; color: #637b93; text-decoration: none; margin-left: 1px; padding-top: 7px; } .navigation > .current { float: left; font-weight: 700; width: 29px; text-align: center; color: #c4c8cc; margin-left: 5px; padding-top: 7px; } .navigation > .prev { float: left; width: 32px; height: 34px; background: url("images/bow_left.png") no-repeat; margin-left: 0; } .navigation > .next { float: left; width: 34px; height: 34px; background: url("images/bow_right.png") no-repeat; margin-left: 14px; } .navigation > .dots { float: left; font-size: 14px; font-weight: 700; width: 32px; text-align: center; color: #c4c8cc; padding-top: 7px; }

Также необходимо загрузить картинки стрелок перемещения вперед и назад на хостинг в папку images шаблона оформления. . Для загрузки можете пользоваться стандартным файловым менеджером хостинг провайдера. Я же .

Когда разместили коды в файлах functions.php, во всех файлах, выводящих страницы с анонсами и прописали стили, можем проверить работоспособность навигации. У меня все работает и в стандартном шаблоне она имеет следующий вид.

Способ без плагина мы разобрали. Уверен на все 100%, если все сделали, как описал выше, то у вас должно все работать на ура. Был еще второй вариант без плагина, но просмотрев его я понял, что по сути это тот же самый вариант, только немного измененный. Поэтому, я перехожу к способу реализации постраничной навигации с помощью плагина.

Плагин WP-PageNavi

Для начала скачиваете плагин с официальной страницы и устанавливаете его на сайт.

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

Теперь плагин будет выполнять свою задачу и номера страниц будут иметь следующее оформление.

С одной стороны оформление не ахти, а с другой очень даже ничего, так как не мозолит глаза. Пользователи любят простоту! Поэтому, можно все так и оставить. Если же хотите чего-то более красочного, то сейчас мы с вами рассмотрим некоторые варианты. А пока мы обсудим такую вещь, как настройка wp pagenavi. Настройки имеются и о них стоит поговорить.

Касаемо первого пункта настроек "Шаблоны списка страниц", то в нем ничего менять не нужно. Нас все устраивает. Мы двигаемся к пункту "Настройки списка страниц".

Отмечу, что со всеми параметрами в этом пункте нужно экспериментировать, чтобы найти оптимальное значение для себя. Я лишь объясню вкратце, за что отвечает каждый параметр.

• Использовать стиль - если поставим значение "No", то стили плагина уберутся и номера страниц не будут оформлены;

• Стиль списка страниц - кроме обычного списка номеров страниц мы можем выбрать вариант выпадающего списка;

• Всегда показывать список страниц- настройку не включаем. Нужно, чтобы список отображался только там, где это необходимо;
• Количество страниц для показа - отвечает за количество выводимых номеров страницы в начале списка. По умолчанию, значение стоит 5 и на скриншотах выше вы можете посмотреть, что именно 5 страниц выводятся;
• Диапазон страниц для показа - если на вашем сайте очень много страниц, то данная функция будет крайне полезна. Она будет выводить номера страниц после основного списка со значениями 10, 20, 30, 40 и так далее. Интервал между этими значениями определяется следующим параметром;
• Коэффициент для диапазонов страниц - если выстави значения 5, то диапазон страниц будет иметь вид - 10, 15, 20, 25 и т.д. Если 10, то 10, 20, 30, 40 и так далее. Значения 10 вполне достаточно.

Это все настройки, которые вам нужно выставить в соответствии со своими нуждами. Тут уже каждый по себя отрегулирует.

Самый простой вариант - установка дополнительного плагина, который имеет уже заготовленные стили, а также дает возможность настроить каждый параметр индивидуально. Называется плагин .

После его установки в админ-панели WordPress появляется новый пункт.

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

Если же хотим настроим стили индивидуально, то в первом пункте настроек "Select Stylesheet" выбираем вариант "Custom" и настраиваем параметры всех элементов (границ и их цветов, цветов и размеров шрифтов, цвета ссылок при наведении курсора мышки и так далее).

Переведу вам все параметры.

• Heading Color - цвет текста "Страница 3 из 45";
• Background Color - цвет фона;
• Active/Current Background color - цвет фона активного номера страницы;
• Font Size - размер шрифта;
• Link Color - цвет ссылки;
• Link Mouse Hover/ Active Hover - цвет ссылки при наведении мышки на номер и при активности номера;
• Link Border Color - цвет границы;
• Link Border Mouse Hover/Active Color - цвет границы при наведении курсора мышки и пи активности номера;
• Align Navigation - расположение навигации (слева, справа, центр).

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

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

Второй вариант осуществляется с помощью редактирования файла стилей, который расположен в папке с плагином Wp-pagenavi на хостинге - pagenavi-css.css.

Данный файл подключается, когда в настройках плагина активна настройка "Использовать стиль pagenavi-css.css". Поэтому, если мы его отредактируем, то после обновления плагина, все стили заменятся на стандартные. Чтобы каждый раз на заменять данный файл и не прописывать стили заново я рекомендую сделать следующую вещь:

1. Отредактировать стили в этом файле на свои, придав нужное оформление постраничной навигации;
2. Отключить настройку "Использовать стиль pagenavi-css.css";
3. Разместить эти стили в основном файле стилей шаблона оформления style.css.

Таким образом эти стили будут работать независимо от плагина. И при обновлении они не будут сбиваться. Это, пожалуй, самый лучший вариант оформления навигации в данном плагине, который я сам бы сделал. Но, к счастью, я использую вариант без плагина, что и вам совету.

Итак, друзья. Материал получится очень хорошим, как на меня. Что вы думаете на этот счет? Надеюсь, что вы все сделали. Если что-то не получается, то в комментариях постараюсь помочь. Пишите, не бойтесь! Я также когда-то очень мучился и мне удалось разобраться.

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

С уважением, Константин Хмелев!

Приветствую читателей моего блога сайт сегодня поделюсь с Вами настройками постраничной навигации без плагина на блоге . Для чего вообще нужна постраничная навигация на сайте и что полезного она в себе несет? это юзабилити блога, благодаря которому посетители сайта с легкостью могут найти полезную дляних информацию.

Итак, прежде чем перейти к настройкам навигации необходимо настроить удобный режим чтения ваших постов, которые будут отображаться на странице блога. Для этого переходим в Панель Администрирования — Настройки -Чтение:

и устанавливаем количество отображаемых постов, которые будут отображаться на каждой странице:

В данном случае установлено 5 записей. Обычно на блога отображается от 5 до 7 записей на каждой странице. Теперь когда с данными настройками мы разобрались внизу страницы мы видим стандартную постраничную навигацию WordPress, которая имеет примерно такой вид:

Когда у Вас на блоге количество постов предположим 10-15 и они занимают не более 2-3 страниц то такая навигация вполне удобна, но когда важ блог регулярно наполняется контентом и количество статей близится к 100 или 200 и все эти посты размещены 5 на каждой странице. То Я думаю не сложно будет подсчитать сколько страниц будет размещено на блоге. При этом чтоб посетителю Вашего блога найти какой либо пост не приходилось пролистывать все страницы блога на WordPress, постраничная навигация должна иметь более удобный и функциональный вид для пользователя:

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

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

Технические настройки

Окрываем Панель администрирования- Настройки -Редактор -открываем файл 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 = 0; //1 — выводить текст «Страница N из N», 0 — не выводить
$a["mid_size"] = 1; //сколько ссылок показывать слева и справа от текущей
$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 ‘

’;
}

или же вот такой вид:

и заменяем выделенный код на следующий:

После этого проверяем настройки на вашем сайте должно отобразится стандартоное отображение настроек навигации:

Панель навигации

*/
.wp-pagenavi {
height: 50px;
clear: both;

color:#BB7B00;
}
.wp-pagenavi span.pages{
color: #BB7B00;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 6px 9px;
margin: 2px;
background:#ffffff;
font: bold 14px Verdana,sans-serif;
color: #85B6C5;
border-radius:5px ;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #BB7B00;
background:#85B6C5;
color:#ffffff;
}
.wp-pagenavi span.current {
color: #f5f5f5;
background:#85B6C5;
padding: 8px 9px;
}

Теперь когда мы подключили стили для отображения в WordPress панели навигации без использования плагина мы сможемувидеть подобный вид:

Для того, чтоб избавиться от дополнительных дублей страниц, которые не любят поисковые системы нам необходимо закрыть от индексации страницы page. Для этого в начале файла functions.php нам необходимо добавить следующий код:

/*** ДОБАВЛение meta robots noindex,nofollow ДЛЯ СТРАНИЦ ***/
function my_meta_noindex () {

if (
is_paged() // Все и страницы навигации
) {echo «».’’.»\n»;}
}

add_action(‘wp_head’, ‘my_meta_noindex’, 3); // добавляем noindex,nofollow в head

Сохраняемся и проверяем наши настройки. Для этого открываем любую из страниц 2, 3-10 и т.д нажимаем Ctrl+U и в кодировке страницы должен отображаться следующий код:

При этом важно в файле robots.txt не должны закрываться Disallow: /page от индексации. На этом настройки завершены надеюсь Вы разобрались во всех этих кодировках. Если остались вопросы пишите в комментариях, обязательно отвечу. До скорых встреч!