WP-PageNavi — постраничная навигация для блога на WordPress — установка, настройка и изменение внешнего вида пагинации

Постраничная навигация – это то, на что каждый блоггер должен обращать особое внимание. Она заключается в отображении записей WordPress на постраничной основе. Обычно записи отображаются в иерархическом порядке, и, несмотря на то, что у вас есть опция выбора, такая, как «Старые записи» и «Новые записи», у вас отсутствует опция отображения записей на постраничной основе с пронумерованными страницами.

Используя постраничную навигацию, пользователь может сразу переходить на страницу 6 или 8, не переходя последовательно со страницы на страницу. Такая навигация также полезна для SEO, поисковики предпочитают такую навигацию, она позволяет ботам легко переходить по записям на страницах сайта. С помощью бесплатных плагинов WordPress, приведённых в этой статье, вы можете установить постраничную навигацию на ваш веб-сайт.

1 – WP Page Navi

WP Page Navi – популярный плагин, который позволит посетителям вашего сайта с лёгкостью переходить со страницы на страницу. Он заменит опцию «Старые записи»/«Новые записи» на навигацию с пронумерованными страницами. Плагин не требует больших ресурсов и не влияет на скорость загрузки страниц.

Этот плагин совместим с большинством существующих тем.

  • Требует мало ресурсов.
  • Дружественный к SEO.
  • Очень популярный.
2 – WP Paginate

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

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

Основные моменты и особенности:

  • Использует простую навигацию по страницам.
  • Дружественный к SEO.
  • Удобный для пользователей.
3 – Simple Pagination
Simple Pagination – это плагин, который позволит вам иметь навигацию как по вашим записям, так и по комментариям. Как подсказывает название, этот плагин очень прост в использовании. Вы можете даже подобрать стиль навигации, соответствующий теме вашего блога, с использованием таблиц стилей.

Имеется 6 таблиц стилей для соответствия вашему сайту, а также поддержка двух языков.

Основные моменты и особенности:

  • Использует простую навигацию по страницам.
  • Использует навигацию по комментариям.
  • Имеются таблицы стилей для разных типов отображения.
  • Имеются 6 типов стилей.
4 – Page Links Plus

Page Links Plus – плагин, который выполняет функцию добавления навигации в запись. Бывают случаи, когда ваша запись становится такой большой, что вам надо разделить её на части. В таких случаях вам поможет плагин Page Links Plus, который разобьёт вашу запись на страницы, показывая связь между ними, позволяющую посмотреть всю запись целиком.

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

Основные моменты и особенности:

  • Позволяет нумеровать записи и страницы.
  • Имеется опция для просмотра всей записи.
  • Имеется множество настроек.
  • Имеется доступная Pro версия.
5 – Alphabetic Pagination

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

Он может быть использован в любом месте вашего сайта с помощью шорткода.

Основные моменты и особенности:

  • Имеется навигация по алфавиту.
  • Имеется поддержка торговли.
  • Может быть размещён в любом месте с помощью шорткода.
  • Может показать список пользователей в алфавитном порядке.
6 – Gallery Pagination for WordPress

Плагин Gallery Pagination for WordPress поможет вам в навигации по галереям изображений вашего WordPress сайта. Он будет отображать все изображения в галерее, что поможет пользователю перейти непосредственно к любому изображению без необходимости прокрутки изображений одного за другим.

Поддержка CDN поможет вам сделать галереи изображений дружественными для SEO. Имеется также кэширование для того, чтобы увеличить скорость загрузки страницы, а также Ajax, чтобы делать изменения без необходимости перезагрузки страницу.

Основные моменты и особенности:

  • Имеется навигация по галереям изображений.
  • Имеется поддержка CDN.
  • Дружественный к SEO.
  • Имеется кэширование.
7 – Advanced Post Pagination
Плагин Advanced Post Pagination будет осуществлять навигацию по вашим записям. Если ваша запись слишком большая, вы можете с помощью этого плагина разбить её на несколько страниц. Чтобы не запутаться в привычных цифровых кнопках, с помощью этого плагина вы можете поместить на кнопки текст и картинки. Вы можете использовать шорткод для того, чтобы разбивать запись на страницы так, как вам нравится.

Ajax поможет вам перейти к разделу без необходимости перезагрузки всей страницы.

Основные моменты и особенности:

  • Разбиение отдельной записи.
  • Использование текста и картинок на кнопках.
  • Использование шорткодов.
  • Использование Ajax.
8 – WP Smart Pagination
WP Smart Pagination – это удобный способ отображения записей с разделением на страницы, вместе с полем, в которое вы можете ввести номер страницы, что позволит вам моментально оказаться на нужной странице. Это очень полезно, если у вас на сайте много записей, что затрудняет пользователям переход к странице, которая находится очень далеко. В том случае, если у вас в наличии 4000 страниц записей, а пользователь хочет посмотреть 2555 страницу, этот плагин может оказать вам неоценимую услугу.

Основные моменты и особенности:

  • Использует простую навигацию по страницам.
  • Имеется поле для прямого перехода к нужной странице.
  • Соответствие темам.
  • Имеется модификация стилей.
9 – jPages Pagination For WordPress
Это jQuery плагин, вдохновлённый jPages, с помощью которого вы без труда сможете разбить на страницы ваши галереи изображений и комментарии. Это в полной мере отзывчивый плагин, который будет осуществлять навигацию по контенту для всех видов устройств с различными размерами экрана. jPages Pagination For WordPress – небольшой плагин, который позволит легко интегрировать навигацию с jQuery.

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

Основные моменты и особенности:

  • Используется jQuery.
  • Отзывчивый плагин.
  • Имеется поддержка основными браузерами.
  • Простая интеграция.
Заключение
В данной статье приведён список лучших бесплатных плагинов WordPress для постраничной навигации, которые могут помочь вам осуществить разбивку вашего сайта по страницам самым наилучшим образом. Все плагины имеют различные особенности, поэтому выберите для себя тот, который лучше всего подходит для вашего сайта.

Популярный WP PageNavi прост в настройках, легко встраивается в WordPress и имеет аккуратный внешний вид.

Всем привет! Как обычно, я очень рад, что вы посетили страницы . Сегодня поговорим об улучшении постраничной навигации на блоге . Разработчики WordPress изначально почему-то должным образом не озаботились этим вопросом. Не знаю, может, посчитали, что классический блог должен состоять из двух-трех десятков записей.

Вот как выглядит постраничная навигация в блоге WP без всяких плагинов:

А вот так – если перелистнуть главную страницу:

Согласитесь, не очень удобно. Да и красоты мало в этом. В дефолтных настройках Вордпресс указано, что главная страница показывает только 10 последних постов, предыдущие посты можно посмотреть перелистнув «Вперед» или «Раньше». А если записей в блоге две сотни? И хотелось бы посмотреть, о чем автор писал в начале. Это ж сколько листать пришлось бы! Если бы… если бы добрые люди не придумали плагины постраничной навигации.

WP PageNavi – плагин для удобства читателей

В рунете наиболее распространены два плагина постраничной навигации – WP Page Numbers и WP PageNavi . Они очень похожи, поэтому что ставить на свой блог – решайте сами..ru я поставлю PageNavi. Просто сообщение администрации на официальной странице плагина не вселяет большого оптимизма:

Кто так же, как и я не силен в английском – сообщение примерно следующее: «Плагин не обновлялся уже 2 года, поэтому могут возникнуть проблемы его совместимости с новыми версиями WordPress».

Вообще во многих сборках WordPress уже стоит плагин ПейджНави, только он не настроен, поэтому не работает. Посмотрите у себя в в плагинах строчку с названием «Список страниц»

Как устанавливать (не путать с «активировать») плагины, я писал в статье . Единственный момент: если будете скачивать плагин сначала на свой компьютер (мало ли, может, решите предварительно его на вирусы проверить или еще что), перед установкой на WP не распаковывайте плагин, а оставьте в папке архива.zip. – то многие распакованные плагины через админку не устанавливаются.

Можно, конечно, пойти другим путем. Через файловый менеджер забросить на сервер в соответствующую папку вашего блога распаковаванный архив плагина (папку).

Кстати, FileZilla – прекрасный файловый менеджер, сам пользуюсь и обязательно расскажу о ней в ближайших статьях. Подписывайтесь на обновления моего блога – будете в курсе всех полезностей.

Настройка плагина WP PageNavi: изменение кода

Итак, вы установили плагин (если его не было в начальном пакете) на свой wordpress блог. Теперь его нужно активировать. Делается это одним нажатием кнопочки «Активировать» (путь такой: Админпанель – Плагины – Установленные – «Список страниц» – «Активировать»).

В меню админки «Параметры» появится новая строчка «Список Страниц»

Следующий этап может вызвать затруднения у новичков – будем чуть-чуть менять код в нескольких файлах темы вашего WP-блога. Для этого нам понадобится простой блокнот, а еще лучше ++, потому что в нем очень легко работать с файлами и есть возможность откатить все назад. Еще нужен будет файловый менеджер FileZilla (я говорил о ней чуть выше) – если ваш блог уже на хостинге, а если нет – то хватит Notepad++.

Все загруженные на ваш блог темы находятся в корневом каталоге в папке WP-content/themes/ваша тема. В вашей теме находите файлы index.php и archive.php. У кого-то в теме может быть еще поисковый файл search.php.

Далее перетаскиваем (копируем) эти файлы к себе на компьютер (это если вы уже на хостинге) или просто открываем файлы через блокнот Notepad++. Но в обоих случаях не забудьте сделать резервные копии – так всегда делается для подстраховки.

Итак, открываем редактором файл index.php и ищем там строчки кода, отвечающие за навигацию по страницам.

В каждой теме коды, конечно же, отличаются деталями. Может быть такой:

’)); ?>;

Или такой

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

То есть вы поняли, что шаблоны разные и коды разные. Но все же понять, какие строчки отвечают за навигацию по страницам, можно. Маленький секрет, правда, работает он не во всех темах:

Если не можете найти нужный участок кода или сомневаетесь, что это он, наберите в открытом в Notepad++ файле index.php в поиске (значок бинокля в верхней строке) nav и это сочетание букв высветится в документе.

После того, как вы нашли нужный код, меняем его (не дописываем, а заменяем весь блок) на код плагина WP PageNavi:

Сохраняете файл и забрасываете его обратно в папку с темой. Затем обновите главную страницу своего блога и вуаля:

Как вы видите, изображение страниц встало косо: прижалось к левому краю. Чтобы это исправить, я отцентровал . Для этого код плагина заключил в тег

с атрибутом align. Вот так:

Получилось так:

Те же манипуляции вы проделываете с кодом файлов archive.php search.php.

Настройка плагина WP PageNavi: отображение списка страниц

Что теперь? Плагин загрузили, активировали, интегрировали в файлы темы – что-то еще? Да. Теперь нужно настроить внешний вид постраничной навигации. Для этого переходим в настройки плагина WP PageNavi в админке wordpress. Находится нужная нам страница по адресу: Админка/Параметры/Список страниц. Здесь можно настроить структуру отображения страниц. А можно все оставить как есть – дело ваше. Коротко расскажу, что здесь что.

Настройки разделены на две части: «Шаблоны списка страниц» и «Настройки списка страниц».

WP Page Navi – шаблоны списка страниц

Вот первая часть настроек

Элемент №1 (первая строка) – это вид вот этой части списка:

Здесь можно сделать окошко пустым, если считаете, запись «5 страница из 14» портит внешний вид. Можно убрать слово «страница». Я, наверное, вообще уберу эту запись. Мне кажется, она лишняя.

Элемент №2 – «Текущая страница». Этим элементом как-то (рамочкой, цветом) выделяется страница, на которой открыт блог. Если это поле оставить пустым, внешний вид текущей страницы в ряду других ничем не будет выделяться.

Элемент №3 – «Страница». Если оставить это поле пустым, в навигации будет виден только номер текущей страницы – список остальных страниц будет скрыт.

Элемент №4 – «Первая страница». Здесь можно поставить «первая», «в начало» или что-то в этом роде. Когда на вашем блоге будет много страниц (100-200) и вы будете просматривать какую-нибудь 130-ю страницу и захотите вернуться на первую, слева от списка страниц и будет кнопочка со словом «первая», «в начало».

Элемент №5 ­– «Последняя страница». Все то же самое, только для последней страницы.

Элемент №6 – «Предыдущая страница» и «Следующая страница». Стрелочки, перехода на страницу вперед или назад. Я другие знаки пробовал вставить – либо не то, либо они просто не работают.

Элемент №7 – «Предыдущие…» и «Следующие…». Как я понял, это не кнопки, а просто информационный элемент. Сейчас объясню.

Как видно из рисунка, в настройках я поставил в поле «Количество страниц для показа» (об этих настройках я расскажу чуть ниже) значение «3». И у меня отображается ряд только из трех страниц. А белый квадратик (как раз он и есть элемент №7) показывает, что и дальше (или ближе) есть еще страницы, которые сейчас не отображены. Вроде понятно.

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

Переходим ко второй части настроек плагина WP Page Navi.

Элемент №8 – «Использовать стиль pagenavi-css.css». Если вы не поставите (или уберете, если она стояла) здесь галочку, то, во-первых, отображение страниц станет таким:

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

Элемент №09 – «Стиль списка страниц». Обычный или выпадающий. Мне выпадающий категорически не понравился, поэтому оставил обычный.

Элемент №10 – «Всегда показывать список страниц». Довольно бессмысленная функция.

Элемент №11 – «Количество страниц для показа». Рад страниц, который будет отображаться. Поставите 3 – будет «1,2,3… последующие», поставите 10 – будет «предыдущие… 4,5,6,7,8,9,10,11,12,13…последующие». Понятно, думаю.

Элемент №12 – «Диапазон страниц для показа». Какую вы цифру поставите в это окошко, столько страниц, не вошедших в список непрерывных страниц (элемент №13) и будет отображаться. Например, поставите 5, список будет выглядеть так:

«первая … 4,5,6,7,8 … 21,22,23,24,25 … последняя»

Элемент №13 –« Коэффициент для диапазонов страниц». Это шаг для станиц из элемента №14. Если в окошках №№13, 14 и 15 поставить, например, 5, все будет смотреться так:

«первая … 4,5,6,7,8 … 20,25,30,35,40 … последняя»

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

Все да не все. Можно еще кое-что сделать полезное и красивое.

Редактирование pagenavi-css.css

Здесь не буду вдаваться в подробности. Для начинающих самостоятельно копаться здесь – темный и опасный лес.

Но небольшие изменения все же можно попытаться внести. Например, такие:

Я сделал фон для цифириков, добавив в контейнер wp-pagenavi a, .wp-pagenavi span цвет фона background-color: #bbbbbb;

Я увеличил размер цифры текущей страницы, добавив в контейнер wp-pagenavi span.current размер font-size: 150%;

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

На этом заканчиваю, устал уже писать 🙂

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

Flector 5

Обновлено:

Это один из самых известных и популярных плагинов для WordPress . Он позволяет легко и просто вывести на сайте постраничную навигацию. Необходимость постраничной навигации не вызывает сомнений – во-первых, пользователям с ней намного удобнее, чем с непонятными ссылками "Раньше" и "Позже", а во-вторых, постраничная навигация помогает в плане SEO – поисковики куда лучше индексируют страницы, если ссылки на них есть на главной странице сайта. Есть несколько подобных плагинов, но считается лучшим из них. Собственно, постраничная навигация в WordPress и плагин PageNavi это сейчас практически неразделимые понятия.

1 Распаковываем архив.

2 Копируем папку в /wp-content/plugins/ .

3 Заходим в админку блога на вкладку "Плагины " и активируем плагин.

Плагин полностью переведен на русский язык. Причем переводчик перестарался, переведя даже название плагина (это противоречит здравому смыслу – кто переводит имена собственные?). Поэтому при активации плагина ищите среди загруженных плагинов не , а Список страниц . С настройками та же история – их вы найдете в "Настройках\Список страниц ".

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

Это значения по умолчанию. Они дают примерно такой вид панели:

Если не заполнить какое-либо поле, то в панели оно выведено не будет. Поэтому можно сократить панель до более компактного варианта вроде:

Вторая часть настроек касается самого плагина:

Здесь я должен сделать несколько пояснений. Опция "Использовать стиль pagenavi-css.css " заставляет плагин применять для панели css-стили из файла pagenavi-css.css , который лежит в папке плагина. Если в вашем шаблоне уже прописаны стили для плагина (а это бывает часто, так как очень популярен), то вам необходимо снять галку с этой опции. Ведь, как правило, прописанные в теме стили куда лучше стилей плагина по умолчанию.

Диапазоны советую отключить (по умолчанию они включены), поставив везде значение "0". Потому что лично мне такая навигация не нравится:

Но решать, конечно, вам.

С настройками закончили – как вывести панель плагина в шаблоне? Вам необходимо найти в файлах шаблона код, похожий на:

И заменить его на код:

Именно на этом этапе у многих пользователей возникают проблемы. Потому что в каждом шаблоне этот код может быть разным. Даже файлы, в которых надо искать этот код от шаблона к шаблону очень сильно отличаются. Поэтому, советую скачать редактор Notepad++ (он вам нужен в любом случае, так как файлы необходимо сохранять строго в кодировке UTF8 без БОМ ) и выполнить в нем поиск по файлах функций и .

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

Теперь поговорим о стилях оформления панели. Не нравится вид панели по умолчанию? Хотите такую панельку, как на скриншоте в начале этой статьи? Тогда откройте этот файл и скопируйте его содержимое в файл pagenavi-css.css , который лежит в папке вашего плагина.

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

Не хотите устанавливать дополнительный плагин? Хорошо, в таком случае вы можете воспользоваться моими подборками стилей для :

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

Вот что это за навигация такая? Ладно, если блог был бы еще молодой, и на нем было бы не так много статей, но что если их уже более 200-300? В таком случае такая вот навигация может запросто отпугнуть многих ваших читателей, ведь никому не хочется нажимать на кнопку «предыдущая запись» до потери пульса, чтобы добраться до нужного материала. К тому же данная надпись выглядит столь незаметно, что ее могут просто не увидеть, что в итоге приведет к уменьшению просмотра страниц на посетителя, и времени проведенному на сайте, а это сейчас очень при раскрутке любого сайта, которые нельзя игнорировать. Итак, если вы все же собрались делать постраничную навигацию, то можете воспользоваться любым способом представленным ниже.

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

Способ 1 . Скачиваем плагин WP-PageNavi здесь и закачиваем его на блог, активируем, переходим в адмике блога в «настройки» «список страниц». Тут нам нужно настроить только один параметр это «количество страниц для показа». Я лично указал 10, чтобы моя навигация была очень видна посетителям. Кстати, если вдруг у вас вся постраничная навигация не влезет в шаблон вашей темы, то есть если она будет выглядеть примерно в таком виде:

то можете просто убавить это число или еще лучше — убрать из настроек плагина надпись «страница» и заменить их стрелочками. Ок, после этого нажимаем сохранить, и наблюдаем, как у нас появилась простая постраничная навигация на блоге. Если этого не произошло, то идем во «внешний вид» « редактор» открываем файл основной шаблон (index.php) и ищем примерно вот такой код: или что-то в этом роде и меняем его на: , сохраняем запись.

Ту же самую операцию проделываем и с файлами archive.php и search.php если хотите, чтобы данная навигация была не только на главной странице, но еще и в отдельных рубриках и при поиске. Гуд, хочу вас предупредить на всякий пожарный, что данный плагин не у всех работает, так что если у вас ничего не получилось, то можете установить себе аналогичный плагин WP-Page Numbers . Если будете его устанавливать, то вам также надо будет вставить специальный код в тех же самых файлах.

Красивые стили-оформления для постраничной навигации плагина WP-PageNavi и WP-Page Numbers.

Вы наверняка уже заметили, что у меня постраничная навигация выглядит намного лучше и привлекательнее чем у вас. Это связано с тем, что у меня стоит дополнительный плагин WP-Page Numbers style , который работает как для WP-PageNavi так и для WP-Page Numbers. Если вдруг вы в кодах, как и я, так сказать не профи, чтобы самим прописывать оформления в файлах плагина, то можете просто поставить себе данный плагин. После того как установите его, у вас в адмике появится новая вкладка PageNavi Style. В ней вы можете выбрать любой на свой вкус стили-оформления постраничной навигации.

Всего в плагине 20 видов стилей со всеми цветами, которые только есть. Также, если вам вдруг ничего из списка не понравится, то вы можете во вкладке Select StyleSheet поменять настройки с «Existing Styles» на «Custom», перед вами появится редактор, где вы сможете указать нужные вам настройки, цвета и т.д. Если что, вот вам их перевод:

Heading Color - цвет заголовка.

Background Color - цвет заднего фона.

Active / Current Background Color - цвет кнопки при наведении на нее курсора мыши.

Font Size - размер шрифта.

Link Mouse Hover / Active Color - цвет ссылки при наведении на нее курсора мыши.

Link Border Color - цвет границы кнопки с номером страницы.

Link Border Mouse Hover/Active Color - цвет границы, при наведении курсора мыши.

Align Navigation - выравнивание на странице: по центру, по левому или правому краю.

Как сделать постраничную навигацию без плагина WP-PageNavi?

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

Способ 2 . Переходим во «внешний вид» « редактор» и открываем файл функции темы (functions.php) и в самом конце перед тегом?>

function wp_corenavi () {

$pages = "";
$max = $wp_query->max_num_pages;


$a["total"] = $max;
$a["current"] = $current;
$total = 1; //1 — выводить текст «Страница N из N», 0 — не выводить
$a["mid_size"] = 3; //сколько ссылок показывать слева и справа от текущей
$a["end_size"] = 1; //сколько ссылок показывать в начале и в конце
$a["prev_text"] = "«"; //текст ссылки «Предыдущая страница»
$a["next_text"] = "»"; //текст ссылки «Следующая страница»
if ($max > 1) echo "

";
if ($total == 1 && $max > 1) $pages = ""."\r\n";

if ($max > 1) echo "
";
}

Кстати, в коде есть некоторые пояснения на русском, так что можете поиграться немного с числами, если вам это нужно. Теперь, как и с плагином WP-PageNavi заходим в файлы: functions.php, index.php и archive.php находим там строчку и после нее или еще несколько строчек, добавляем код

Способ 3 . Данный способ аналогичен второму, но все же код немного отличается. В файле функции темы (functions.php) в самом конце перед тегом?> вставляем вот такой код и сохраняем запись.

function navigation () {
global $wp_query, $wp_rewrite;
$pages = "";
$max = $wp_query->max_num_pages;
if (!$current = get_query_var ("paged")) $current = 1;
$a["base"] = str_replace (999999999, "%#%", get_pagenum_link (999999999));
$a["total"] = $max;
$a["current"] = $current;
$total = 0; //1 — выводить текст «Страница N из N», 0 — не выводить
$a["mid_size"] = 2; //сколько ссылок показывать слева и справа от текущей
$a["end_size"] = 5; //сколько ссылок показывать в начале и в конце
$a["prev_text"] = "« Предыдущая "; //текст ссылки «Предыдущая страница»
$a["next_text"] = "Следующая »"; //текст ссылки «Следующая страница»
if ($max > 1) echo "

";
if ($total = 1 && $max > 1) $pages = "Страница " . $current . " из " . $max . ""."\r\n";
echo $pages . paginate_links ($a);
if ($max > 1) echo "
";
}

. Теперь заходим в файл таблица стилей (style.css) и где-нибудь вставляем этот код стилей, где коды файла начинаются с точки, и сохраняем запись.

.navigator {margin:10px 7px;
background:#fff;
border:1px solid #aaa;
padding:15px;
overflow:hidden;
font-size:13px;
color:#000;}

.navigator a{background: #fff;
border: 1px solid #DDDDDD;
color: #000000;
font-size: 13px;
padding: 10px;
text-decoration: none;}


background:#f1f8f9;
border: 1px solid #C6D2D4;}

.navigator a:hover{background: #fff;
border: 1px solid #111;
color: #0000cc;
font-size: 13px;
padding: 10px;
text-decoration: none;}

.navigator span.pages {padding: 3px 5px;
background:#f1f8f9;
border: 1px solid #C6D2D4;}

.navigator span.current {background: #fff;
border: 1px solid #111;
color: #0000cc;
font-size: 15px;
padding: 10px;
text-decoration: none;}

.navigator span.extend {padding: 3px 5px;
background:#f1f8f9;
border: 1px solid #C6D2D4;}

.str{background: #fff;
border: 1px solid #DDDDDD;
color: #000000;
font-size: 13px;
padding: 10px;
text-decoration: none;}

Способ 4 . В файле функции темы (functions.php) в самом конце перед тегом?> вставляем вот такой код и сохраняем запись.

function my_pagenavi ($pages = "", $range = 2)
{
$showitems = ($range * 2)+1;

global $paged;
if (empty ($paged)) $paged = 1;

if ($pages == "")
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if (!$pages)
{
$pages = 1;
}
}

if (1 != $pages)
{
echo «

»;
}
}

В файлах: functions.php, index.php и archive.php находим там строчку и после нее или еще несколько строчек добавляем код . Теперь заходи в файл таблица стилей (style.css) и как в предыдущем примере вставляем этот код и сохраняем запись.

.pagination {
clear: both;
font-size: 12px;
margin-top: 10px;
text-align: center;
}

.pagination span, .pagination a {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}

.pagination a:hover{
border-color: #000;
}
.pagination .current{
font-weight: bold;
}

Способ 5 . Скачиваем этот файл , берем из него код и вставляем в (functions.php) в самом конце перед тегом?> и сохраняем запись. Если что заранее извиняюсь за неудобства, так как код был слишком большим для публикации. Теперь в файлах: functions.php, index.php и archive.php находим там строчку и после нее или еще несколько строчек добавляем код

Если что, все коды были проверены на работоспособность, так что один из примеров у вас должен работать в любом случае. На этом все, удачи.




Top