добавить постраничную навигацию на сайт WordPress

В добавлении постраничной навигации на сайт любой системы, есть, как плюсы (удобство для посетителя), так и минусы (появляются страницы с повторяющимися заголовками в тегах title). Чтобы добавить постраничную навигацию на сайт WordPress, а вернее, чтобы поменять стандартную навигацию (предыдущая страница – следующая страница) на порядковые кнопки постраничного листания, используем плагин WP-pagenavi.

Стандартная постраничная навигация WordPress

Для начала замечу, что вызов функций WP, которые отвечают за показ навигации по сайту, лежат в файлах рабочего шаблона. Поэтому, если вы установили рабочую тему, отличную от стандартной, то вполне может быть, что автор темы уже включил постраничную  навигацию в файлы темы и вас она уже есть. Если нет, то стандартно  навигация по сайту, это надписи: Предыдущая страница  и Следующая страница, внизу страницы.

Функции, которые выводят стандартную навигацию: next_posts_link и previous_posts_link. Запомним их, они нам пригодятся.

Читайте так же:  Первые плагины сайта Wordpress

Добавить постраничную навигацию на сайт WordPress поможет плагин WP-pagenavi

Чтобы изменить постраничную навигацию по блогу и добавить кнопки для выборочного листания, используем плагин WP-pagenavi.

Установить плагин можно тремя стандартными способами:

  1. Из консоли WP, воспользовавшись поиском по имени;
  2. Скачать плагин на его странице WordPress.org (ссылка внизу статьи);
  3. Или скачать плагин  на его странице WordPress.org, распаковать архив и «залить» каталог плагина wp-pagenavi  в папку  /wp-content/plugins/ и активировать плагин  из консоли блога.
Читайте так же:  Кнопки поделись в Wordpress без плагинов

Как запустить плагин WP-pagenavi

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

Примечание:
Начиная делать изменения в файлах рабочей темы, сделайте резервную копию своего сайта и его базы данных. Если, что-то пойдет не так, можно будет откатиться на резервную копию.

Задача для активации wp-pagenavi, в следующем.  Нужно найти в файлах рабочей темы  функции next_posts_link и previous_posts_link и строки с ними заменить на:

<?php wp_pagenavi(); ?>

Где и как искать функции next_posts_link и previous_posts_link

Как правило, функции next_posts_link и previous_posts_link  можно найти в файлах темы: index, archive, functions. Сделать это можно в Редакторе из консоли блога.

редакция-кода-для-wp-pagenavi
добавить постраничную навигацию на сайт WordPress

Если поиск из консоли не приносит быстрых результатов, а попросту вы не видите эти функции, делаем следующее:

  • Через FTP соединение, копируем файлы рабочей темы к себе на компьютер.
  • Открываем все скачанные файлы в текстовом редакторе, например Notepadd++.
  • Далее, используем поиск редактора «Найти во всех файлах» ищем названия наших функций:  next_posts_link  и previous_posts_link.
  • Найдя их, заменяем на:
<?php wp_pagenavi(); ?>

После замены,  отредактированный файл заливаем обратно в каталог сайта и проверяем появление кнопок  постраничной навигации на сайте.

Читайте так же:  Как удалить Wordpress

Как изменить внешний вид кнопок WP-pagenavi

pagenavi

  • По умолчанию, кнопки палагина с номерами страниц  белые/серые. Рамки квадратные. Поменять внешний вид  кнопок, можно в файле: pagenavi-css.css. Лежит этот файл в каталоге:  wp-content/plugins/wp-pagenavi.

Для редактирования скачиваете файл на компьютер и редактируйте в текстовом редакторе. При этом, сохраняйте первоисточник файла нетронутым, как резерв.

Альтернативные варианты навигации по страницам (Совместимость до WP 4.3.1.)

  • Плагин:  WP Simple Pagination
  • Плагин: Easy WP Page Navigation

Нужные ссылки

Страница плагина на WordPress.org: https://wordpress.org/plugins/wp-pagenavi/installation/

Игорь Серов специально для сайта «Как сделать сайт WordPress»

Другие статьи раздела: Плагины


Как добавить постраничную навигацию на сайт WordPress
Тэги:                         

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