カスタム投稿のアーカイブページに独自HTMLのページャーを設置したい

Question

カスタム投稿のアーカイブ一覧ページの中に、ページャーを独自のHTMLで出力したいのですがカスタマイズの方法がわかりません。

現状のソースコード

function pagenation($limit = NULL, $post_typed = 'posts') {
    global $wp_rewrite;
    global $paged;
    global $wp_query;

    // 検索条件
    $query = array();
    if ($limit != NULL) {
        $query['posts_per_page'] = $limit;
    }
    if (count($query) != 0) {
        $wp_query->query($query);
    }

    $wp_query->query(array(
        'post_type' => $post_typed,
    ));
    $paginate_base = get_pagenum_link();

    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 .= '%_%';
    }


    if( $paged < 2 ) {
        $paged = 1;
    }
    $args = array(
        'base' => $paginate_base,
        'format' => $paginate_format,
        'total' => $wp_query->max_num_pages,
        'current' => $paged,
        'show_all' => false,
        'prev_next' => true,
        'prev_text' => '前のページへ',
        'next_text' => '次のページへ',
        'type' => 'array',
    );
    $pagenate_array = paginate_links($args);

    // 配列がある場合のみ
    if (is_array($pagenate_array) == TRUE) {
        $pagenate .= '<div class="p-pager-list"><ul class="p-pager-list__number c-list">';
        foreach ($pagenate_array as $key => $value) {

            if (preg_match('/current/', $value) == TRUE) {
                $class = '';
            }
            else {
                $class = '';
            }

            // $value = "<li class="{$class} p-pager-list__arrow">".$value.'</li>';
            // リンク追加
            $pagenate .= $value;
        }

        $pagenate .= '</ul></div>';
        echo $pagenate;
    }
}

出力されるHTML

<div class="p-pager-list">
<ul class="p-pager-list__number c-list">
<a class="prev page-numbers" href="/">前のページへ</a>
<a class="page-numbers" href="/">1</a><span aria-current="page" class="page-numbers current">2</span>
<a class="page-numbers" href="/">3</a>
<a class="page-numbers" href="/">4</a>
<a class="next page-numbers" href="">次のページへ</a>
</ul>
</div>

ul liの様な形で出力される様に変更したい

<div class="p-pager-list">
<ul class="p-pager-list__number c-list">
<li class="a"><a class="prev page-numbers" href="/">前のページへ</a></li>
<li class="a"><a class="page-numbers current" href="/">2</a></li>
<li class="a"><a class="page-numbers" href="/">3</a></li>
<li class="a"><a class="next page-numbers" href="/">前のページへ</a></li>
</ul>
</div>

上記の様にul liタグの形で出力される様にしたいのですが、
どういったコードを入れたらいいのか検討がつきません。

「'type' => 'array',」を「'type' => 'list',」に変更しましたところ、
真っ白になり何も表示されなくなりました。。
お力をお貸しいただきたいです。
どうぞよろしくお願いいたします。

Comments

[KazuhiroHatano]

コメントアウトしてるコードがそれに当たると思うんですが
それじゃダメだったんですか？

[Yui_note]

ご教授ありがとうございます！コメントアウト外しましたところ、見事表示されました！
よくよくコードを確認しましたところ、$pagenateで$valueを呼び出していました。。
初歩的なところでお恥ずかしいです。。とても助かりました、ありがとうございました。m

ちなみになんですが、もしよろしければう1点だけお伺いさせていただきたいところがございました。。
「'prev_next' => true,」で「前へ」「次へ」のボタンを表示させておりましたが、
このボタンのli要素に独自のクラスを付与したいと思っておりまして、
トライしたこととしましては、
'prev_text' => '前のページへ', 'next_text' => '次のページへ', ←こちらの部分にliを直接入力
'prev_text' => '<li class="a">前のページへ</li>', 'next_text' => '<li class="a">次のページへ</li>'
上記の様にliコードを直接入力しますと、なぜかそれぞれのボタンが２重が表示されてしまいました。

前へ、次へボタンのli要素にクラスを追加することは可能なのでしょうか。。
厚かましく追加質問してしまいまして申し訳ございません。。
スルーしていただいても大丈夫です、もし何かお分かりでしたら教えていただけましたら幸いです。
どうぞよろしくお願いいたします。m

Answer 1

// $value = "<li class="{$class} p-pager-list__arrow">".$value.'</li>';

上記のコメントアウト部分を外したところliリストが表示されました。