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

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

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

Сегодня бы хотелось рассмотреть такую тему как постраничная навигация в 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.

Читайте также:  Расширенное описание категорий в WordPress

Нужные нам функции, у данной темы находятся в файле 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 не будет опубликован. Обязательные поля помечены *

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