Добавить Wp PageNavi в WordPress тему Twenty Twelve.

Wp PageNavi добавляется в WordPress тему Twenty Twelve схожим образом как в тему Twenty Eleven. Откройте опцию Внешний вид>Редактирование>functions.php И вставьте в нее код, расположенный под абзацем. Для этого лучше использовать дочернюю тему. Код можно вставить в конец файла.

// WP-PageNavi

function twentytwelve_content_nav( $nav_id ) {
global $wp_query;
if ( $wp_query->max_num_pages > 1 ) : ?>
<?php /* add wp-pagenavi support for posts */ ?>
<?php if(function_exists(‘wp_pagenavi’) ) : ?>
<?php wp_pagenavi(); ?>
<br />
<?php else: ?>
<nav id=»<?php echo $nav_id; ?>»>
<h3 class=»assistive-text»><?php _e( ‘Post navigation’, ‘tto’ ); ?></h3>
<div class=»nav-previous»><?php next_posts_link( __( ‘<span>&larr;</span> Older posts’, ‘tto’ ) ); ?></div>
<div class=»nav-next»><?php previous_posts_link( __( ‘Newer posts <span>&larr;</span>’, ‘tto’ ) ); ?></div>
</nav><!— #nav-above —>
<?php endif; ?>
<?php endif;
}

Как только вы добавили код, необходимо установить и активировать Wp-PageNavi. Если он еще не установлен, навигационные страницы будут отобрааться по умолчанию.
Для более привлекательного отображания можно вставить следующий код в style.css

/* WP-PageNavi CSS ——————- */

.wp-pagenavi {
clear: both;
margin-bottom: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 5px 8px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.extend {
background:none;
border:none;
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.pages {
border:1px solid #ccc;

}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #686868;
color:#333333;
}
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.pages {
background: rgb(239, 239, 239);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {
-webkit-box-shadow: 0 1px 1px #666;
-moz-box-shadow: 0 1px 1px #666;
box-shadow: 0 1px 1px #666;
}