Постраничная навигация с помощью плагина 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. Михаил, статья-то информативная, но если честно, почитав эти прописанные коды изначально уже не хочется вникать и ставить этот плагин.

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

      1. Конечно есть. Либо выбрать тему с уже внедренной нормальной навигацией, либо поручить сделать это фрилансеру, если самому не хочется вникать.

  2. светлана:

    а я не чего не поняла на вордпресс его можно ставить всетаки или нет

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

  3. Полезная инвормация

  4. Очень полезно, спасибо

  5. Валентина:

    Информация полезная, но для меня — темный лес

  6. Юлия:

    Очень актуальная тема, по крайней мере для меня!

  7. Пробовал ставить WP Page Navi, ничего не получилось. Испытаю еще WP Page Numbers. Спасибо за информацию.

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

  9. Все получилось, благодарю. Заходите посмотреть.

  10. Спасибо, возможно пригодится.

  11. На всякий случай скопировал, а там жизнь покажет, СПС

  12. Lina:

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

  13. Попробую разобраться завтра, а то ночью уже плохо соображаю!

  14. Lina:

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

  15. Ринат:

    Спасибо за информацию.

  16. Людмила:

    Надо попробовать установить, а то у меня нет данной функции.

  17. Олег:

    Каждый плагин имеет право на использование. Выбрать нужный и работать.

  18. Ну и замучался же я…
    Никак не хочет работать!
    А когда работает, то Footer с правым сайдбаром местами меняет:)
    Завтра буду дальше ковырять…

    1. Странно, установил и настроил без проблем. может в теме блога что-то наворочено?

  19. У меня код не совсем такой, как вы показали.
    Который заменить нужно…
    И капча у вас ругается постоянно!

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

      1. Прочитали полностью статью, после этого только начали писать комментарий — ругается всё равно!

  20. Теперь понятно:)
    Просто у себя никогда не ставил. Akismet вполне хватало всегда.
    Зато с другими намучался:)

  21. Андрей:

    Код добавил пишет No related posts в самом конце страницы

    1. No Related Post — это сообщение другого плагина о том что не найдено близких по содержанию статей/постов.

  22. Андрей:

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

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

  23. Мда! код не скинуть!

  24. Тим:

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

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

  26. Оксана:

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

    1. Вы перечитайте несколько раз, получается…

    2. Оксана, плагин не разбивает на страницы, этим занимается шаблон 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>

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

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

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

    Я к Вам с просьбой: я тему для блога делала сама с помощью программы 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 не будет опубликован. Обязательные поля помечены *