ЛУЧШЕЕ РЕШЕНИЕ ДЛЯ ПОСТРАНИЧНОЙ НАВИГАЦИИ В WORD PRESS

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

Установка плагина

Установка плагина WP-PageNavi

После установки и активации плагина вам следует внести некоторые изменения в вашу активную тему WordPress. Она находится в директории wp-content/themes. Найдите в этой директории папку с названием вашей активной темы.

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

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

Для примера рассмотрим стандартную тему Twenty Twelve. В файле functions.php найдите следующий код:

Обратите внимание на третью строку. Здесь мы так же добавили обращение к функции function_exists перед вызовом wp_pagenavi. Это поможет предотвратить вывод ошибки в случае деактивации или отсутствия плагина WP-PageNavi.

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

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

О постраничной навигации «без плагинов»

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

Подход к расширению WordPress «без плагинов» не имеет никаких преимуществ, зато имеет немалое количество недостатков:

Плагины созданы именно для расширения функционала WordPress, поэтому не стесняйтесь ими пользоваться.

Альтернативы

Если вам по какой-либо причине не подошёл плагин WP-PageNavi, в качестве альтернативы советуем рассмотреть плагины WP-Paginate и WP Page Numbers, которые реализуют подобный функционал.

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

Плагин WP-PageNavi — простое и бесплатное решение для вывода постраничной навигации на сайте WordPress.

Как устанавливать?

Установка обычная и аналогичная остальным плагинам.

Поиск плагина WP-PageNavi из админ-панели WordPress

2. В найденном списке выберите карточку дополнения и нажмите по очереди кнопки Установить и Активировать.

Установка плагина WP-PageNavi из админ-панели WordPress

Как настроить?

Шаблоны списка страниц

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

Настройка шаблона в плагине WP-PageNavi

Настройки списка страниц

В блоке настраивается список страниц навигации. Возможно задать:

Настройка списка страниц в плагине WP-PageNavi

Как вывести в шаблоне темы?

Для этого плагин предлагает функцию, которую нужно вызвать в файле шаблона WordPress-темы:

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

Пагинация на сайте с плагином WP-PageNavi

Как добавить свои стили?

Для этого скопируйте файл pagenavi-css.css из каталога плагинов в каталог вашей темы и внесите в него нужные правила. Таким образом, вы не потеряете свои изменения при обновлении плагина.

Кроме того, вы можете запретить использование встроенного стиля и добавить свои правила в файл style.css вашей темы. За это отвечает настройка Использовать стиль pagenavi-css.css.

Как установить и настроить плагин WP-PageNavi

Установить данный модуль можно стандартным путём, через раздел «Плагины» — «Добавить новый», в поле для поиска плагинов вводим его название и нажимаем кнопку искать. Затем, после успешной установки незабываем активировать плагин. В разделе «Параметры» у вас появится пункт Список страниц вот и по ней кликаем.

Откроется страница «Настройки плагина», где вам надо всего лишь внести кое какие изменения — ваш текст написания и так далее.

Как видно из скриншота, Вы можете заменить текст на свой или оставить всё как есть. Отметьте -Использовать стиль pagenavi-css.css или нет. Если вам нужно настроить CSS стиль WP-PageNavi сделать это можно в файле плагина. Надо для этого перейдите в раздел «Плагины» — «Редактор», выберете в качестве плагина для изменения WP-PageNavi и найдите в открывшемся списке файл wp-pagenavi/pagenavi-css.css. По настройкам все понятно. Следующий шаг такой.

Плагин WP PageNavi Style добавляет больше цветовых вариантов для Wp-PageNavi

Плагин WP PageNavi Style

Да, Вы не ошиблись, для того, чтобы можно было воспользоваться готовыми стилями для постраничной навигации WP-PageNavi, надо установить дополнительный плагин WP PageNavi Style от этого же разработчика. Установите таким же образом этот модуль, активируйте его и у вас появится пункт WP PageNavi Style в боковой колонке админки. Нажмите её для настроек и выбора стиля для вашей новой навигации:

Настройка плагина WP PageNavi Style

Как видно из скриншота, можно выбирать различные красивые панельки и расположение её. Набор стилей плагина:

Набор стилей плагина Плагин WP PageNavi Style

Какой большой выбор. Если не хотите использовать готовые стили, установите — Custom и настройте стиль по своему:

Все. Еще один момент. Если Вы готовы установить постраничную навигацию в ручную, то есть без плагина, тогда читаем далее.

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

Этот код настолько распространен, что на какой блог ставить ссылку не известно. Поэтому обойдемся без неё.

Откройте файл «Функции темы» (functions.php), прокрутите страницу вниз и перед закрывающим тегом  вставьте такой код (не забудьте на всякий случай сделать резервную копию, если пойдет, что не так:

Затем, меняем стандартный код вывода во всех файлах, где есть навигация — index.php, category.php, archive.php и так далее. Меняем вместо:

Далее, надо добавить стиль css. Откройте файл вашего шаблона «Таблица стилей» (style.css) и в самый низ вставьте етот код:

Готово. Если вам не очень понятно, как сделать навигацию в ручную, лучше воспользуйтесь плагином. А у меня на этом все. До встречи.

Изменение CSS

Если вам нужно настроить стиль CSS WP-PageNavi, вы можете скопировать файл pagenavi-css.css из каталога плагина в каталог вашей темы и внести там свои изменения. Таким образом, вы не потеряете изменения при обновлении плагина.

Альтернативно вы можете снять флажок «Использовать pagenavi.css?» на странице настроек и добавьте стили непосредственно в файл style.css вашей темы.

Изменение названий классов

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

Фильтры

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

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

В предыдущем примере я использовал функцию wp_pagenavi(). Она отвечает за постраническую навигацию и является частью плагина WP-PageNavi (русское название: Список страницы).

Если вы используете данный код как есть и при этом у вас не установлен WP-PageNavi, то, скорее всего, вы допустите ошибку.

Плагин очень легко настраивается через админку сайта и так же легко на предупреждение — так что для этих целей рекомендуется использовать именно его.