カスタム投稿ページ一覧にページネーション機能を導入したい

Question

■やりたいこと
カスタム投稿ページ一覧にページネーション機能を導入したい

■問題点
下記の記事を参考にページネーション機能を導入しようとしたが数字をクリックしても記事が切り替わらない。
参考

//index.php
<dl>
              <?php $args = array(
                'numberposts' => 5,
                'post_type' => 'notice'
              ); 
              $customPosts = get_posts($args);
              if($customPosts):foreach($customPosts as $post):setup_postdata($post);    
              ?>
              <dt><a href="<?php the_permalink(); ?>"><?php the_date('Y/m/d'); ?></a>
              <dd><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <?php endforeach; ?>
            <?php else: ?>
              <p>ページがありません</p>
            <?php endif; ?>
            <!-- ページネーション -->
            <?php wp_reset_postdata(); ?>
            <?php pagenation($posts_per_page, 'notice');?>
</dl>

//functions.php
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' => '&laquo;',
        'next_text' => '&raquo;',
        'type' => 'array',
    );
    $pagenate_array = paginate_links($args);

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

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

            // $value = "<span class=\"{$class}\">".$value.'</span>';
            // リンク追加
            $pagenate .= $value;
        }

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

//追加
//functions.php
function init_func(){
    add_theme_support('title-tag');
    add_theme_support('post-thumbnails');

    register_post_type('notice',[
        'labels' => [
            'name' => 'お知らせ',
            'singular_name' => 'お知らせ',
            'add_new' => 'お知らせを追加',
            'add_new_item' => 'お知らせを追加',
            'edit_item' => 'お知らせを編集',
            'new_item' => '新しいお知らせ',
            'all_items' => '全てのお知らせ',
            'view_item' => 'お知らせを見る',
            'search_items' => 'お知らせを探す',
            'not_found' => 'お知らせは見つかりませんでした',
            'not_found_in_trash' => 'ゴミ箱は空です',
            'parent_item_colon' => '',
            'menu_name' => 'お知らせ'

        ],
        'public' => true,
        'has_archive' => true,
        'hierarchical' => false,
        'supports' => [
            'title',
            'editor',
            'page-attributes'
        ],
        'menu_position' => 4,
        'menu_icon' => 'dashicons-warning'
    ]);
}
add_action('init','init_func');

Comments

[kei344]

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

[cafe1111]

わかりました。

Answer 1

 $args = array(
                'numberposts' => 5,
                'post_type' => 'notice'
              ); 

//修正

 $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
                $args = array(
                  'post_status' => 'publish',
                  'post_type' => 'notice',
                  'paged' => $paged,
                  'posts_per_page' => '5',
                  'orderby'     => 'date',
                  'order' => 'DESC'
                );

このように変更したら解決しました。

Answer 2

もしカスタム投稿一覧を固定ページで作ろうとしているのだとすれば、カスタム投稿を作成する時点でhas_archiveをtrueにするだけで一覧ページが作成できるのでそちらを使いましょう。

【カスタム投稿タイプのアーカイブを作るには | Snagimo】
http://snagimo.com/how-to-make-archives-of-custom-post-types

【WordPress » カスタム投稿タイプの設定 | MORILOG】
http://morilog.com/wordpress/post_type/register_post_type/

Comments

[cafe1111]

functions.phpにhas_archiveを追加してみましたがページネーションが反映されませんでした。

[kei344]

https://teratail.com/questions/history-questions/270166
みました。
get_posts使わずに通常のループを使いましょう。件数を変えたければfunctions.phpでpre_get_postsにフックして処理しましょう。

[cafe1111]

すみません、通常のループというのがわからないです。
できればコードを書いてくださるとありがたいです。

[kei344]

【WordPressの通常ループと条件付きループ｜広く浅くがモットーです。｜note】
https://note.com/se915236/n/n54c856c9df8b

[cafe1111]

普通のループだと記事自体取得ができませんでした。

[kei344]

> 記事自体取得ができません
「ページは表示されるが記事が1件も無い」という状況か、「404ページになる」か、どちらでしょう。
また、「<!--ここに投稿が表示される-->」の部分に適切にコードを入れましたか？
↓これ
<dt><a href="<?php the_permalink(); ?>"><?php the_date('Y/m/d'); ?></a>
<dd><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

[cafe1111]

すみません、キャッシュが問題みたいで表示されていませんでした。
しかし、表示されたのは投稿ページから作成した記事でした。
自分が表示したいのカスタム投稿ページから作成した記事です。

[kei344]

カスタム投稿のアーカイブ用のテンプレートで、URLも正しくカスタム投稿のアーカイブのURLになっていますか？
あとどこかで query_posts を使っていたりしませんか？

[cafe1111]

archive.phpとarchive.notice.phpを作成していなかったのでindex.phpをコピペして作成しました。
urlに関してはhttp://localhost:8888/aaaa/notice/だとカスタム投稿の記事だがページネーションは機能しない。
http://localhost:8888/aaaa/では投稿の記事だがページネーションは機能する。
index.phpではカスタム投稿の記事を表示
single.phpでは投稿の記事を表示としたいです。
query_postsに関しては探しましたが見つからなかったです。

[kei344]

http://localhost:8888/aaaa/ がWPのルートですか？
archive.notice.phpでのページネーションには the_posts_pagination(); を使ってみてください。

【WordPress ページネーション ページャー/ Web Design Leaves】
https://www.webdesignleaves.com/pr/wp/wp_func_pager.html#h4_index_13

[cafe1111]

http://localhost:8888/aaaa/ がWPのルートですか？
→はい、実際はaaaaのところは違う文字ですがあえて変えてます。
archive.notice.phpにthe_posts_pagination(); を使ってみましたがページネーションが消えただけでした。
条件付きの方で記事は取得できているのでそちらを使ってページネーションを導入することは無理なのでしょうか？

[cafe1111]

なぜかわからないですが条件付きループのところをこのように変更したらできました！

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$wp_query = new WP_Query();
$my_posts = array(
'post_status' => 'publish',
'post_type' => 'post',
'paged' => $paged,
'posts_per_page' => '5',
'orderby' => 'date',
'order' => 'DESC'
);