Постраничная навигация WordPress

WP-PageNavi постраничная навигация вордпресс

Доброго времени суток! Я рад, что вы решили посетить страницы моего блога.

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

Чаще всего на сайтах вордпресс навигация организована в виде двух ссылок — предыдущие и следующие статьи. Это не всегда удобно и именно по этой причине мы организуем на WordPress постраничную навигацию.

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

Теперь давайте рассмотрим подробнее оба эти варианта создания постраничной пагинации в WordPress.

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

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

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

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

И так, первым делом, для внесения изменений темы вашего сайта, нам нужно либо зайти в редактор, что находится в админке WordPress (по адресу: Внешний вид > Редактор), или зайти по ftp в папку с вашей темой (идем из корневой директории вашего сайта по адресу: wp-content > themes > название вашей темы).

Теперь, вам нужно найти файл в котором происходит вызов функции next_posts_link и previous_posts_link. Их можно встретить в нескольких местах вашей темы, но чаще всего они встречаются в файлах index.php, archive.php и functions.php.

Функции next_posts_link и previous_posts_link, отвечают за выведение стандартной навигации в WordPress сайте.

Данные функции нужно заменить на одну новую — wp_pagenavi. Давайте рассмотрим эту операцию на примере стандартной WordPress темы Twenty Twelve.

Читайте также:  Блогплатформа для сплогов

Нужные нам функции, у данной темы находятся в файле functions.php. Открываем файл в редакторе и видим вот такой код:

Теперь, найдя нужное нам место, мы заменяем вызов функция next_posts_link и previous_posts_link, на функцию wp_pagenavi:

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


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

Постраничная навигация WordPress без плагина

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

Читайте также:  WordPress вывод постов случайно [рандомно]

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

И так, перейдем к главному. Первым делом откроем файл functions.php и добавим в него код указанный ниже:

После того как мы внесли нужные изменения, нужно изменить стандартный код вывода постраничной навигации WordPress, на наш. Для этого открываем все файлы где есть навигация (index.php, category.php, archive.php, search.php) И находим в них код, следующего вида:

Читайте также:  Кнопка вверх для WordPress с плагином и без

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

Так же, не забываем внести изменения в CSS стили вашей темы (это так же можно сделать через редактор в админке WordPress или через фтп):

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

Удачи в ваших начинаниях и следите за обновлениями блога.

Музыкальная пауза / Kira Lao – Falling Stars

1 Star2 Stars3 Stars4 Stars5 Stars (9 голосов: 5,00 из 5)
Загрузка...

Подпишитесь и получайте новые статьи мгновенно на электронную почту

Похожие записи

  • Пагинация в WordPress или постраничная навигацияПагинация в WordPress или постраничная навигация [sc:AdSense] Доброго времени суток всем читателям моего блога! Я уже поднимал тему постраничной навигации в движке WordPress (так же называемой пагинацией) с помощью плагина WP-PageNavi, а так же без плагина, но сегодня […]
  • Ускоряем загрузку страниц WordPress с графикойУскоряем загрузку страниц WordPress с графикой [sc:AdSense] Доброго времени суток, я рад вас приветствовать на страницах блога the-Sever.ru. Сегодня вновь поднимаем тему оптимизации сайтов на cms WordPress. В этой статье рассмотрим способ увеличения скорости загрузки […]
  • Кнопка вверх для WordPress с плагином и безКнопка вверх для WordPress с плагином и без [sc:AdSense] Доброго времени суток, я как обычно рад вас приветствовать на страницах своего блога the-Sever.ru. Сегодня вновь продолжаем серию статей посвященных движку WordPress. В этой статье рассмотрим как сделать на вашем […]

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

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

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой: