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

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

Постраничная навигация WordPress: плагин WP-PageNavi

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

Постраничная навигация WordPress: плагин WP-PageNavi

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

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

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

Постраничная навигация WordPress: плагин WP-PageNavi

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

Постраничная навигация WordPress: плагин WP-PageNavi

Постраничная навигация WordPress: плагин WP-PageNavi

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

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

<div>
	<div><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
	<div><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
</div>

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

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

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

Постраничная навигация WordPress: плагин WP-PageNavi

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

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

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

Далее идет непосредственная стилевая настройка постраничной навигации WordPress, созданной при помощи плагина WP-PageNavi:

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

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

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

 

Комментарии к записи “Как сделать постраничную навигацию в WordPress” (19)

  1. Не люблю плагины, они душат сайт. Когда пользовалась WP, реализовала постраничную навигацию куском кода.

    • Ну кому как проще 🙂 Но со временем многие приобретают опыт и тоже переходят на код 🙂

  2. Нашел, наконец-то, действительно жаль, что wordpress не встраивает уже готовую постраничную навигацию, спасибо, обязательно попробую!

  3. Ойее, плагины. Не люблю их. Думала, что если настрочить штук 10 страниц, автоматически появятся кнопочки, чтобы перелистывать их. Ан нет, здесь все не так просто, это Вам не шутки шутить)))

  4. ПОМОГИТЕ, ПОЖАЛУЙСТА!!!

    Куда ставить ???

    Вот код page.php:

    <div id="content-container" class="" >

    <div id="post-" >

    '' . __ ('Pages:', 'imprint') . '', 'after' => '')); ?>

    <?php edit_post_link ( __ ( 'Edit', 'imprint' ), '', '' ); ?>

    Уже все перетыкал, ничего не выходит(((((((((((((((((((((((((((((((((

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

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