Постраничная навигация с помощью плагина WP Page Numbers

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

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

Разумеется, пока постов на блоге не много, конечно можно переходить постоянно кликая на «назад» или «вперед». Однако, к тому времени, когда количество страниц перевалит хотя бы за 15, открыть нужную страницу становится неудобно, мягко говоря.

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

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

Будем использовать плагин WP Page Numbers. Это аналог популярного плагина WP Page Navi, который кстати применяется на данном блоге, при этом WP Page Numbers имеет более расширеный функционал, на моем блоге плагин входит в тему, и менять его, пока не хочу, однако на другом своем блоге, где использовалась стандартная для WordPress навигация, я установил именно WP Page Numbers.

Надеюсь я Вас убедил что, плагин обязательно нужно ставить. А какой именно — решать Вам. Я покажу как установить и настроить плагин WP Page Numbers.

Если в Вашей теме (шаблоне) блога уже встроена навигация по страницам, Вам не обязательно ставить плагин WP Page Numbers, если только он Вам не понравится больше, чем тот, что используете Вы.

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

Установка стандартная Скачиваете плагин WP Page Numbers => устанавливаете => активируете.

Затем нужно открыть файлы index.php, single.php, archive.php, search.php, categories.php, page.php, те из перечисленных, которые используются в Вашей теме. В одной из тем, например, оказалось достаточно лишь изменить код в файле nav.php, который был специально для этого сделан. И вместо следующего кода (возможно у Вас будет отличаться):
<div>
<div><?php next_posts_link('&laquo; Раньше') ?></div>
<div><?php previous_posts_link('Позже &raquo;') ?></div>
</div>

ввести:
<?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>

Или, как сделано в моем случае, создаете файл nav.php, или редактируете существующий, если он используется в Вашей теме, следующим образом:
<div>
<?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>
</div>

, в этом случае во всех остальных файлах (index.php, single.php, archive.php, search.php, categories.php, page.php) вместо кода:
<div>
<div><?php next_posts_link('&laquo; Раньше') ?></div>
<div><?php previous_posts_link('Позже &raquo;') ?></div>
</div>

вводим:
<?php include("nav.php"); ?>
И все, мы это сделали один раз, и если потом Вы решите поменять плагин для постраничной навигации, Вам достаточно будет внести изменения только в файл nav.php

После чего в админке WordPress «Настройки» => «Page Numbers» настраиваем плагин в соответствии с Вашими предпочтениями:5 вариантов оформления

Для использования русского языка, заполняем следующие поля, например вот так:

нужно что-б по русски
После того как Вы все настроите, не забудьте нажать «Update Setting», чтобы сохранить изменения.

Все, наслаждаемся результатом.

Удачи Вам

37 thoughts on “Постраничная навигация с помощью плагина WP Page Numbers

    1. Михаил, статья-то информативная, но если честно, почитав эти прописанные коды изначально уже не хочется вникать и ставить этот плагин.

      Есть ли способ попроще?

    1. Светлана, этот плагин предназначен для блогов на WordPress. Но на некоторых темах, как платных, так и бесплатных, уже установлены подобные плагины. И если у Вас тема с красивой, постраничной навигацией, то зачем ее менять. Если нет, то выбор очевиден.

  1. Спасибо, Владимир. Вот час целый сидела и разбиралась с этим плагином. Вроде все получилось. В моей теме замену кода смогла сделать только на главной и на архив. На других страницах нечего было поменять. Оказывается я уже много страниц написала.
    Спасибо за помощь.

  2. Очень полезный плагин, спасибо вам! В моей теме как раз нет постраничной навигации, сама иной раз листаю статьи блога и думаю. что это неудобно, использовать просто»раньше» и «позже». Завтра («на свежую голову» ) обязательно установлю и настрою этот плагин!

  3. Благодаря Вашим инструкциям, очень доступным и понятным, установила и настроила этот плагин за 5 минут! Спасибо огромное, так гораздо удобнее! Ваш сайт у меня в закладках!

    1. В каждой теме код может быть различный, это стиль автора. А капча настроена специально таким образом, что перед написанием комментария нужно пробыть на странице мин 3 сек. (для авторов ранее одобренных коментариев) до 10 сек (для авторов оставляющих комментарий в первый раз). Зато пользователям не нужно разбирать и вводить иногда малопонятные символы

  4. Есть такой код!в какое место вставлять WP Page Numbers

    Не найдено.
    Извините, но по Вашему запросу ничего не было найдено.

  5. Спасибо, реально помогло. Только у меня файл навигации называется navigation.
    Вы единственный из многих доступно написали в каких файлах что искать и менять.

  6. а где вы вообще русские слова находите ,чтоб заменить»следующий» на почему то английский ….чего то я , как в лесу…весь редактор index.php перекопала, ни одного русского слова не нашла, тем более для того, чтоб его поменять….ой, ребята, где чего находите….не знай….

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

    1. Оксана, плагин не разбивает на страницы, этим занимается шаблон wordpress. Плагин заменяет стандартную навигацию на более удобную. Что касается Вашего блога, то плагин отрабатывает нормально, о чем говорит следующая конструкция, видимая при просмотре кода Вашей главной страницы,

      <div class=’wp-pagenavi’>
      <span class=’pages’>Страница 1 из 2</span>
      <span class=’current’>1</span>
      <a href=http://chornyak.ru/?paged=2 target="_blank" rel="nofollow" class=’page larger’>2</a>
      <a href=http://chornyak.ru/?paged=2 target="_blank" rel="nofollow" class=’nextpostslink’>»</a>
      </div>

      но по каким-то причинам навигация на странице не показывается. Нужно разбираться со стилем шаблона

  8. Здравствуйте, Владимир.

    Спасибо за это замечательную статью. Так трудно(особенно женщине) разбираться во всех тонкостях интернетостроения.

    Я к Вам с просьбой: я тему для блога делала сама с помощью программы Artister. И у меня в файлах index.php, search.php, page.php, single.php, archive.php — нет тех кодов, о которых Вы пишите. Единственное упоминание next_posts_link и previous_posts_link я нашла в файле (functions.php). Однако после замены кодов в этом файле я чуть не потеряла блог. Едва все восстановила… Может быть Вы подскажите, как мне правильно установить этот плагин на блоге.
    С уважением, Ирина

    1. Ирина, к сожалению я не знаком с данной программой, поэтому мне трудно представить как она осуществляет навигацию. Можете посмотреть название функции, где упоминаются next_posts_link и previous_posts_link, и найдите вывод этой функции на основных страницах (index.php) и т.п. И вместо вывода этой функции наберите <?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>
      Перед внесением любых изменений в файлы сайта необходимо сделать резервную копию, а лучше экспериментировать на локальном сайте.

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

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