代码实现WordPress分页导航及Bootstrap前台效果的整合

1.首先在主题functions.php中加入以下代码：

function pagenavi( $before = '', $after = '', $p = 2 ) {
    if ( is_singular() ) return;
    global $wp_query, $paged;
    $max_page = $wp_query->max_num_pages;
    if ( $max_page == 1 )
        return;
    if ( empty( $paged ) )
        $paged = 1;
    echo $before.'
';
    if ( $paged > 1 )
        p_link( $paged - 1, '上一页', '?' );
    if ( $paged > $p + 1 )
        p_link( 1, '首页' );
    for( $i = $paged - $p; $i <= $paged + $p; $i++ ) {
        if ( $i > 0 && $i <= $max_page )
            $i == $paged ? print "
{$i}
" : p_link( $i );
    }
    if ( $paged <$max_page - $p ) p_link( $max_page, '末页' );
    if ( $paged <$max_page ) p_link( $paged + 1,'下一页', '?' );
    echo '
'.$after;
}

function p_link( $i, $title = '', $linktype = '' ) {
    if ( $title == '' ) $title = "跳到第{$i}页";
    if ( $linktype == '' ) { $linktext = $i; } else { $linktext = $linktype; }
    echo "
{$linktext}
";
}

2.然后在页面相应位置，把原来的分页导航代码改成以下：

效果图如下：