n-wp.ru — блог о WordPress
Как сделать постраничную навигацию без плагинов | n-wp.ru

Как сделать постраничную навигацию без плагинов

Если вы посмотрите в этом блоге на главной странице вниз, то увидите там постраничную навигацию — любимый навигационный элемент многих блоггеров.

Как сделать постраничную навигацию без плагинов

Постраничная навигация удобна тем, что дает примерное представление об общем объеме блога, и позволяет быстро перемещаться по страницам, снабжая такое перемещение удобной индикацией. Есть множество плагинов, которые создают постраничную навигацию: Pagebar, jQuery Paginator, WP Page Number, WP-PageNavi и другие. Если вы решили все же уменьшить количество плагинов, то для организации постраничной навигации можно и вовсе обойтись без них. Давайте создадим постраничную навигацию своими руками.

Как и в случае создания «хлебных крошек» без плагинов, будем работать с отдельным файлом. Создайте пустой текстовый файл, и назовите его pagenavi.php. Вставьте в него такой код:

Теперь внедрим этот файл в тему. Перепишите этот файл в папку с вашей темой. Постраничная навигация нужна там, где выводится множество постов — на главной странице, а результатах поиска и в архивах. Значит нам нужно вставить ее в index.php, search.php и archive.php. Откройте файл index.php и найдите вывод навигации по страницам. Обычно он выглядит примерно так:

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

В остальные страницы код вставляется по аналогии. Постраничная навигация имеет свое оформление, которое нужно добавить в файл style.css:

Все, постраничная навигация без плагинов готова — можете пользоваться!

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

17 комментариев

    • Заменить

      на

      • Намек понял. Тогда кусочек кода для стрелок право и влево. Они даже в статье в стилях описаны, а в коде их нет.

        • Уже не надо отвечать, сам уже разобрался и модифицировал ваш пример. Интересная средняя головоломка получилась. Спасибо за статью.

          Для вашего варианта в статье:
          1) В стилях можно убрать строки .navigation .right… .navigation .left… и .pagenavi b… Они там ни к чему.
          2) В последнем вашем комменте rel=»nofollow»>’.$i.’ ‘; и else echo ‘‘.$i.’ ‘; Нужно заменить $i на $max_page.

  • Я не особо разбираюсь в php =) я тупо скопировал код и вставил на сервер. под именем page.php.
    Таким же макаром скопировал код

    И вставил в news.php. такс у меня 7 новостей ) а деления нет ) .. я просто не понимаю по коду через какое количество новостей он заработает. ) и заработает ли вообще ) не в курю сделал ли я правильно. Если сможешь помочь помоги =)

  • Мой сайт это аля курсы попова =) хотелось бы чтобы только некоторые из страниц моего сайта делились. Сайт прописан вручную. Возможно ваш вариант для готовых контентов?

  • Постраничную навигацию сделал, но никакого оформления стилей нет, просто цифры 123 и все, хотя в файл style.css код оформления добавил. Смотрится как — то убого…
    Можете подсказать, как это исправить ?

/* ]]> */