アーカイブページにページャを設置する（プラグイン未使用）

仕様

ページャを設定するにあたり、１ページに表示する件数を決める必要がある。

最大表示件数の設定

設定方法は以下３通り 1. ダッシュボードの[設定] > [表示設定]の「1ページに表示する最大投稿数」から設定する

1. ループ開始時に設定する

    $args = array(
        'post_type' => get_post_type(),
        'numberposts' => 2,
        'posts_per_page' => 2, // 最大表示件数
        'paged' => $paged
    );
    $posts = get_posts( $args );
    if ( $posts ) :
        foreach ( $posts as $post ) :
            setup_postdata( $post );
・・・

1. functions.phpで設定する。これは手の込んだパターンで、カテゴリ、タクソノミごとに最大表示件数を変える場合などに向いている使い方。そうでなければ、ここまでする必要はない。使用する場合は、アクションフック‘pre_get_posts’を使用する。

function my_pre_get_posts( $query ) {
    if ( is_admin() || ! $query -> is_main_query() ) return;

    if ( $query -> is_archive() ) {              //アーカイブ
        $query -> set( 'posts_per_page', '5' );  //5件
        return;
    }
    if ( $query -> is_search() ) {               //検索
        $query -> set( 'posts_per_page', '30' );//30件
        return;
    }
    if ( $query -> is_category() ) {             //カテゴリー
        $query -> set( 'posts_per_page', 15 );   //15件
        return;
    }
}
add_action( 'pre_get_posts', 'my_pre_get_posts' );

ページ数の取得方法

ページャを作成するにあたり、上記で設定した最大表示件数を使用して、実際に何ページになるかを取得する必要がある。 ダッシュボードで設定した方法と、ループ or functions.php で設定した場合とで、取得方法（格納されているオブジェクト）が異なる。

ダッシュボードで設定した最大表示件数からページ数を取得する

// $wp_queryから取得する
$max_per_pages = $wp_query->max_per_pages;

ループ or functions.phpで設定した最大表示件数からページ数を取得する

    $args = array(
        'post_type' => get_post_type(),
        'numberposts' => 2,
        'posts_per_page' => 2,
        'paged' => $paged
    );

    // 自分で設定した値でqueryをnewする
    $arc_query = new WP_Query($args);

    // 取得
    $max_per_pages = $arc_query->max_num_pages;

現在ページの取得方法

ページャを設定するにあたり、現在表示されているページが何ページ目なのかを取得する必要がある。

    // ページャ用に現在ページを取得
    $paged = get_query_var('paged') ? get_query_var('paged') : 1;

get_query_var()にpagedを渡して取得する。１ページ目の場合は‘0’が返ってくるため、１ページ目の場合のみ、固定で‘1’が返ってくるようにする。

アーカイブページ

上記を踏まえて、アーカイブページは以下のようになる。 例）最大表示件数をループ作成時に設定した場合。

<div class="pager">
<?php
    // ページャ用に現在ページを取得
    $paged = get_query_var('paged') ? get_query_var('paged') : 1;
    $args = array(
        'post_type' => get_post_type(),
        'numberposts' => 2,
        'posts_per_page' => 2, // 最大表示件数を設定
        'paged' => $paged // 現在のページ数をセット
    );

    $arc_query = new WP_Query($args);

    $posts = get_posts( $args );

    if ( $posts ) :
        foreach ( $posts as $post ) :
            setup_postdata( $post );
?>
    <!-- タイトル、リンクなどの表示処理 -->
<?php
        // ループ終了
        endforeach;
    endif;

    // ページャ用設定
    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' => $arc_query->max_num_pages, // トータルのページ数をセット
        'mid_size' => 1,
        'current' => ($paged ? $paged : 1), // 現在のページ数をセット
        'prev_text' => '«',
        'next_text' => '»',
        )
    );
?>
</div>

補足：paginate_links（）詳細

参考までにCSSも

.pager{
    margin-bottom: 20px;
    text-align:center}

a.page-numbers,
.pager .current{
    background-color: #edede3;
    border: solid 1px #aaaaaa;
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;
}

.pager .current{
    background-color: #000000;
    border: solid 1px #000000;
    color: #ffffff;
}

.pager a:hover{
    color: #ffffff;
    border: solid 1px #000000;
    background-color: #000000;
}