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

В интернете есть множество кодов, рабочих, как утверждают авторы блогов, где эти коды опубликованы. Но, похоже, что каждый код работает только с определенным шаблоном. Убедилась в этом, перепробовала массу вариантов. И привожу схему постраничной навигации без плагина (с использованием php), сработавшую на двух блогах с разными шаблонами.

Вордпресс навигация с использованием php

Во-первых, в редакторе вашей темы (шаблона) надо создать новый файл pagenavi.php. Похожий файл я уже создавала, когда устанавливала форму обратной связи без плагина. Опишу процесс еще раз.

  • Создать документ в программе Блокнот
  • В этот файл внести код
<?php
global $wp_query;
$max_page = $wp_query->max_num_pages;
$nump=10;
if($max_page>1){
$paged = intval(get_query_var('paged'));
if(empty($paged) || $paged == 0) $paged = 1;echo '<div>';
if($paged!=1) echo '<a href="'.get_pagenum_link(1).'">1</a>&nbsp;';
else echo '<u>1</u>';if($paged-$nump>1) $start=$paged-$nump; else $start=2;
if($paged+$nump<$max_page) $end=$paged+$nump; else $end=$max_page-1;if($start>2) echo "<b>…</b>";for ($i=$start;$i<=$end;$i++)
{
if($paged!=$i) echo '<a href="'.get_pagenum_link($i).'">'.$i.'</a>';
else echo '<u>'.$i.'</u>';
}if($end<$max_page-1) echo "<b>…</b>";if($paged!=$max_page) echo '<a href="'.get_pagenum_link($max_page).'"> Последняя &raquo;</a>';
else echo '<b>&nbsp;Последняя</b>';
echo '</div>' ;
}
?>
  • Сохранить файл как pagenavi.php (смотрите пример, как это делать).
сохранить как php неправильно

неправильно

сохранить как php неправильно

неправильно

как сделать форму обратной связи без

правильно

сохранить как php правильно

правильно

 

 

 

 

 

 

 

1. С помощью программы Filezilla переместить файл pagenavi.php в папку с вашим шаблоном public_html => wp-content => themes (более подробно написано вот здесь). Копируйте файл pagenavi.php в папку с вашей темой Wordpress закачать на сервер<
2. Либо через файловый менеджер из аккаунта на хостинге.

постраничная навигация через php

Как результат – файл pagenavi.php должен появиться в редакторе вашей темы. Во-вторых, ввести изменения в тех файлах, где вы хотите видеть нумерацию страниц на сайте: index.php (главная страница), archive.php. Код, отвечающий за вывод постраничной навигации

<div class="pagenavi"><?php include(TEMPLATEPATH."/pagenavi.php");?></div>

Вот как я нашла место для вставки кода

  • На открытой странице сайта навела курсор на ссылку Предыдущая страница.
  • Открыла Просмотреть код элемента и определила, что за этот элемент отвечает class more_posts (у меня, у вас может быть другой).

место для вставки кода постраничной навигации

  • нашла class more_posts на странице index.php.

место для вставки кода php и и создания нумерации страниц на сайте

  • Заменила кусок кода между тегами <div> и </div> на нужный (приведен выше).

И вот что получилось Вордпресс навигация Что-то не очень красиво? Конечно, нужно еще и стили для постраничной навигации прописать в файле style.css. В-третьих, вносим в файл style.css следующий код.

.navigation {clear:both; width:500px; height:auto;text-align:center;margin:30px 0 30px 50px;padding-top:15px;!important;}
.navigation .right, .navigation .left {width:230px; font-size:18px;text-align:right;margin:0;!important;}
.navigation .left {text-align:left;!important;}
.navigation a, .navigation a:visited {text-decoration:none;color:#939186;!important;}
.navigation a:hover {color:#5D5643;text-decoration:none;!important;}
.pagenavi {clear:both;display:block;font-size:14px;margin:0;padding:7px 0 7px 0;!important;}
.pagenavi a {clear: both;width:auto;font-size:14px;padding:3px 7px 3px 7px;background-color:#F3EFE6;!important;}
.pagenavi b {clear:both;width:auto;margin:0 6px 0 5px;text-decoration:none;!important;}

Адаптируйте его к дизайну своего блога, попробуйте изменить background-color и другие параметры. У меня, к примеру, вот что получилось, все ссылочки работают. Вордпресс постраничная навигация без плагина
P.S. Постраничная навигация будет видна, если записей на блоге больше, чем отображается на страницах блога (смотрите в настройках чтения).