WordPress分页导航设置

自带的分页导航真心看起来不咋地,打算装个插件整整。分页导航的插件是WP-PageNavi,装上后没有起效(我得wordpress的版本是3.9.2Twenty Twelve 的1.4版本)。度娘上找了不少文章,看了这些文章后感觉是千篇一律,我看到的文章中的方法都试了没有一个是可以解决的。只奈Google上不去,有bing搜了下貌似和百度的结果差不多,多了那么一两种改代码的方法都没有用。

之后就结合收索结果中提到的方法,自己慢慢尝试最后解决了。TMD所有的文章中的代码替换都少替换两行。正确的方法是将文件wp-content/themes/twentytwelve/functions.php中的函数twentytwelve_content_nav()开始的几行代码

1
2
3
4
5
6
7
8
9
10
11
12
function twentytwelve_content_nav( $html_id ) {
global $wp_query;

$html_id = esc_attr( $html_id );

if ( $wp_query->max_num_pages > 1 ) : ?>
<span style="color: #ff0000;"> <nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentytwelve' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?></div>
</nav><!-- #<?php echo $html_id; ?> .navigation --></span>
<?php endif;

替换成这样才行

1
2
3
4
5
6
7
8
function twentytwelve_content_nav( $html_id ) {
global $wp_query;

$html_id = esc_attr( $html_id );

if ( $wp_query->max_num_pages > 1 ) : ?>
<span style="color: #ff0000;"> <?php wp_pagenavi(); ?></span>
<?php endif;

只有这样替换才有用。如果觉得默认的按钮不好看,可以自己改CSS,当然有插件WP-PageNavi Style,效果不错。我用的插件,效果图如下:
pagenavi

----------------本文结束 感谢阅读----------------