カテゴリー一覧ページの2ページ目以降を表示するには？

Question

#前提・実現したいこと
WordPressの実装をしています。
カテゴリーのアーカイブページ（一覧ページ）のページ送りをした際にきちんと２ページ目以降もページが表示されるように実装したいです。

#発生している問題
URLに『page/2/』等が入っている２ページ目以降の一覧ページが正常に表示されず、404エラーが表示されます。

#該当のソースコード
category-works.phpを例に質問させてください。

<?php get_header(); ?>

<div id="works">
  <div class="container">
    <div class="row">
      <div class="eight columns">
        <div class="title clearfix">
        <img class="face" src="<?php echo get_template_directory_uri(); ?>/images/face.jpg" alt="face">
        <h1>タイトル</h1>
        </div>

　　　　　<div>
        　<div class="clearfix">

　　　　　　<?php 
　　　　　　　　$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
　　　　　　　　$args = Array(
      　　　　　　　　 'category_name' => 'works',
        　　　　　　　'post_type' => 'post',   
        　　　　　　　'posts_per_page' => 3,   
        　　　　　　　'paged' => $paged
　　　　　　　　　　　　); ?>

　　　　　　<?php $wp_query = new WP_Query( $args ); ?>

　　　　　　<?php if ( $wp_query->have_posts() ) : ?>

   　　　　<?php while ( $wp_query->have_posts() ) : ?>
    　　　 <?php $wp_query->the_post();  ?>

       　 <div class="works_box">
            　<a href="<?php the_permalink(); ?>">
               　 <?php the_post_thumbnail('thumbnail'); ?>
                　<div class="works-box-inner">
                    　<div class="text-center">
                        　<h3><?php the_title(); ?></h3>
                        　<small><?php the_time('Y.m.d'); ?></small>
                        　<span class="button-readmore">Read More</span>
                   　 </div>
               　 </div>
            　</a>
        　</div>

　　　　　　<?php endwhile; ?>
　　　　　　</div>
　　　　　　</div>
　　　　　　<div class="clearfix">
        　　　<div class="leftcol"><?php previous_posts_link('&lt;　前へ' ); ?></div>
        　　　<div class="rightcol"><?php next_posts_link('次へ　&gt;' ); ?></div>
      　　</div>
　　　</div>

　　　<?php wp_reset_postdata(); ?>
　　　<?php else: ?>
　　　<p>投稿はありません</p>
　　　</div>
　　　</div>
　　　</div>
　　　<?php endif; ?>

      <div class="four columns">
        <?php get_sidebar(); ?>
      </div>
    </div>
  </div>
</div>

<?php get_footer();

functions.phpに関係するコードは設定していません。
念の為、設定しているfunctions.phpを掲載します。（ほとんどほかのサイト様のコピペです）

<?php

/* the_archive_title 余計な文字を削除 */
add_filter( 'get_the_archive_title', function ($title) {
    if (is_category()) {
        $title = single_cat_title('',false);
    } elseif (is_tag()) {
        $title = single_tag_title('',false);
	} elseif (is_tax()) {
	    $title = single_term_title('',false);
	} elseif (is_post_type_archive() ){
		$title = post_type_archive_title('',false);
	} elseif (is_date()) {
	    $title = get_the_time('Y年n月');
	} elseif (is_search()) {
	    $title = '検索結果：'.esc_html( get_search_query(false) );
	} elseif (is_404()) {
	    $title = '「404」ページが見つかりません';
	} else {
        $title = '';
	}
    return $title;
});

// JS・CSSファイルを読み込む
function add_files() {
	// WordPress提供のjquery.jsを読み込まない
	wp_deregister_script('jquery');
	// jQueryの読み込み
	wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', "", "1.1.1", false );
	// サイト共通JS
	wp_enqueue_script( 'all-script', get_template_directory_uri() . '/js/all.js', array( 'jquery' ), '1.1.1', false );
	// サイト共通のCSSの読み込み
    wp_enqueue_style( 'normalize', get_template_directory_uri() . '/css/normalize.css', "", '1.1.1' );
    wp_enqueue_style( 'skelton', get_template_directory_uri() . '/css/skeleton.css', "", '1.1.1' );
    wp_enqueue_style( 'fontawesome', '//use.fontawesome.com/releases/v5.8.1/css/all.css', "", '1.1.1' ); 
    wp_enqueue_style( 'all-css', get_template_directory_uri() . '/style.css' , "", '1.1.1' ); 
}
add_action('wp_enqueue_scripts', 'add_files');

#試したこと
① プラグインの導入
WP-PageNavi　試してもダメだったので、現在は停止しています。
FV Top Level Categories　こちらも試してダメだったので、現在は停止しています。

② パーマリンク設定の確認・変更
/category/をURLに含ませるように試しましたが、なぜか３ページ目以降が表示されなかったです。

③ http://blog.yukarien.com/tech/how-to-fix-no-category-pagination/
上記URLの通りに確認しましたが、こちらを試しても改善されませんでした。

④ functions.phpへのリダイレクトを停止するコードの実装
http://blog.livedoor.jp/net_scope-diary/archives/25879219.html
上記URLを参考に実装しましたが、こちらも上手くいきませんでした…

#補足情報
パーマリンク設定は「カスタム構造」で http://ドメイン/%category/%postname　としています。
パーマリンクのオプション設定はしていません。
なお、固定ページに同様のスラッグ名がついたものは設定していません。

WordPress 5.1.1
PHP7.2.6

どうぞ、よろしくお願いいたします！

Comments

[marlboro_tata]

2、3前提を確認したいです。
表示したいページは本当にこのphpファイル、works.php を読み込んでいますか？これは、カスタムテンプレートなのでしょうか。真っ当にカテゴリアーカイブを表示しているとしたら、URLは
ドメイン/category/works/
というようなものになり、2ページ目は
ドメイン/category/works/page/2
のようになると思います、そして、その時表示に関わっているテンプレートは
category.php なり、　category-works.php なり、　archive.php というような名称のはずです。あまり難しいことを考えなければ、、ですが。
ちなみに、
ドメイン/?category_name=works&paged=2
ドメイン/?category_name=works&paged=3
ドメイン/?category_name=works&paged=4
というURLを打ち込んだ場合、望み通りの挙動になりますか？

[nonoysng]

ご質問いただき、ありがとうございます。

おっしゃる通り、テンプレート名は「category-works.php」です。

URLは　ドメイン/works/　となっています。どこかで「category」という文言を消しているのかと確認したのですが、私の現状の知識では良く理解できず…申し訳ないです。functions.phpを追記しますので、そちらもご確認いただければと思います。

ドメイン/?category_name=works&paged=2　は思い通りの挙動になりましたが、ドメイン/?category_name=works&paged=3　，　ドメイン/?category_name=works&paged=4　については思い通りになりませんでした。

[marlboro_tata]

承知しました。URLのことはいったん脇に置いておいて、
・worksのカテゴリだけ一覧は3件づつの表示
・ページングを正常に
ということと整理しまして。
ちなみに、
ドメイン/?category_name=works&paged=2
と入力した後に、URLが変更されたりしていないでしょうか？
ドメイン/works/page/2
と変化しますか？

[nonoysng]

ありがとうございます！

ドメイン/category/works/page/2/
と変化します。

Answer 1

category-works.php の一部を下記のように書き換え

//省略
        　<div class="clearfix">

　　　　　　<?php if ( have_posts() ) : ?>
　　　　　　<?php while ( have_posts() ) : the_post();?>

       　 <div class="works_box">
//省略

functions.php に下記を追加

function pre_get_posts_custom( $query ) {
	if( is_admin() || ! $query->is_main_query() ){
		return;
	}
	if( $query->is_category( 'works' ) ){
		$query->set( 'posts_per_page' , 3 );
	}

}
add_action( 'pre_get_posts', 'pre_get_posts_custom' );

こちらで、とりあえず、
ドメイン/category/works/page/3
が思い通りの挙動にならないでしょうか？

ページングがうまくいった上で、おそらく、URLから　/category/ を取りたいのだと思いますが、
その場合はプラグインで解決できるかもしれません。

Comments

[nonoysng]

ご回答いただき、ありがとうございます！
とりあえずではありますが、「ドメイン/category/works/page/3」の挙動が思い通りなものになりました！

今回、表示させたい3つを以下のように並べたいと考えているのですが、ご教授いただいたコードを実行したところ、3つ目のみ少し下にずれた表示になりました。
これは、何が影響しているのでしょうか？

＜表示させたい3つの項目＞
□　　□　　□

＜実行後の現状＞
□　　□
　　　　　　□

[marlboro_tata]

>3つ目のみ少し下にずれた表示になりました。
そ、それは、実際のコードを見てみないと何とも、申し上げられませんです・・・。
ページングの、全てのページで同じような状況になりますか？

[nonoysng]

申し訳ございません…。
はい、ページングの全てのページで同じような状況になっています。

[marlboro_tata]

本来の質問とは違う内容の質問であると思いますので、改めて質問を立てるのはいかがでしょうか？
実際にブラウザに表示されているページのHTMLとCSSを見ないと、解決が難しいと存じます。

[nonoysng]

承知いたしました！
本当にご丁寧に教えていただき、ありがとうございました！

[nonoysng]

ご報告です。
URLから　/category/　を除くのはNo Category Base (WPML)というプラグインでできました。
ありがとうございました。

また、3つ目のみ少し下にずれた表示になる現象ですが、
コードの一部に全角スペースが入ってしまっていたために表示がずれていたことがわかりました。

marlboro_tataさん、ありがとうございました！

[marlboro_tata]

よかったです〜。