WordPress分页导航设置

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

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

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;

替换成这样才行

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

转载请注明出处:http://www.xiaomastack.com/2014/08/30/wordpresspagenavi/ 谢谢!

发表评论:

你的电子邮件地址将不会被公开.

× 7 = 7