15 November

プラグインを使わずページネーション・ページャーを設置

http://kowappa.com/25

<div class="pager">
    <?php global $wp_rewrite;
    $paginate_base = get_pagenum_link(1);
    if(strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()){
        $paginate_format = '';
        $paginate_base = add_query_arg('paged','%#%');
    }
    else{
        $paginate_format = (substr($paginate_base,-1,1) == '/' ? '' : '/') .
        user_trailingslashit('page/%#%/','paged');;
        $paginate_base .= '%_%';
    }
    echo paginate_links(array(
        'base' => $paginate_base,
        'format' => $paginate_format,
        'total' => $wp_query->max_num_pages,
        'mid_size' => 1,　//ページャーの表示する数
        'current' => ($paged ? $paged : 1),
        'prev_text' => '<',
        'next_text' => '>',
    )); ?>
</div>

/* pager */
.pager{
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
    }
a.page-numbers,
.pager .current{
    background:rgba(0,0,0,0.02);
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;
}
.pager .current{
    background:rgba(0,0,0,1);
    border:solid 1px rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}

.pagenav .prev a, .pagenav .next a{
    width:50%;
    display:block;
    color:#ddd;
    }
.pagenav a{
    float:left;
}
.pagenav .next a{
    text-align:right;
}