Обычно некие зачатки навигации уже заложены в шаблоне 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 (смотрите пример, как это делать).

неправильно

неправильно

правильно

правильно

ПЕРЕМЕСТИТЬ файл pagenavi.php с помощью программы FILEZILLA в папку с вашим шаблоном PUBLIC_HTML - WP-CONTENT - THEMES (более подробно написано вот здесь).

СКОПИРОВАТЬ файл pagenavi.php в папку с вашей темой Wordpress
ЛИБО СКОПИРОВАТЬ через файловый менеджер из аккаунта на хостинге.

Как результат – файл pagenavi.php должен появиться в редакторе вашей темы.

ВНЕСИТЕ изменения в тех файлах, где вы хотите видеть нумерацию страниц на сайте: index.php (главная страница), archive.php.

ДОБАВЬТЕ КОД, отвечающий за вывод постраничной навигации

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

НАЙДИТЕ МЕСТО для вставки кода

На открытой странице сайта наведите курсор на ссылку Предыдущая страница.

Откройте ПРОСМОТРЕТЬ КОД ЭЛЕМЕНТА, определите, что за этот элемент отвечает class more_posts (у меня, у вас может быть другой).

НАЙДИТЕ class more_posts на странице index.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. Постраничная навигация будет видна, если записей на блоге больше, чем отображается на страницах блога (смотрите в настройках чтения).

Метки:

Создать сайт на WordPress

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *