WordPressで個別記事をループさせたが６記事目のみ表示されない

Question

前提

Wordpress の個別記事のループ　６記事目が表示されない

お忙しいところ恐れ入ります。
詰まってしまい抜け出せないので質問させていただきます。

Wordpressの自作テーマを作成しているのですが、
Index.phpで６つの記事を<?php while (have_posts() ) : the_post(); ?>で
ループさせているのですが、何故か６記事目だけが表示されません。
html css jsの段階では１カラムで６記事が表示されていたのですが、
Wordpressにhtmlを載せるためにphpを記載して、仮想環境(MANP)で表示すると、
何故か６記事目のみ表示されない現象が発生しています。

cssの余白を触ったり、index.phpで<?php if (have_posts()) : ?> や<?php while (have_posts() ) : the_post(); ?>の記載箇所を間違えているのかと思い、いろいろ触ったのですが抜け出せません。

差し支えがなければ、ご教示いただきますようお願い致します。

実現したいこと

phpでループ処理した６つ目の記事を表示したい

発生している問題・エラーメッセージ

wordpressの６記事目が表示されない

該当のソースコード

<?php get_header(); ?>

  <?php if (have_posts()) : ?>  
    <section class="entry">
      <div class="entry-inner">
      <div class="entry-items">
      <?php while (have_posts() ) : the_post(); ?>
        <div class="entry-item">
          <a href="#" class="entry-item-link">
          <div class="entry-item-img"><img src="<?php echo get_template_directory_uri() ?>/img/coding.jpg"></div>
          <div class="entry-item-body">
          <div class="entry-title">テキストテキスト</div>
          </div>
          </a>
        </div><!-- /.entry-item-->
        <?php endwhile; ?>
      </div><!-- /.entry-items-->
      </div><!-- /.entry-inner-->
      <?php endif; ?>
      	<!-- pagenation -->
				<div class="pagenation">
					<a class="page-numbers" href="#">1</a>
					<a class="page-numbers" href="#">2</a>
					<a class="page-numbers" href="#">3</a>
					<a class="next prev page-numbers" href="#"><i class="fas fa-angle-right"></i></a>
				</div>
        <!-- /.pagenation -->
      </section> 
    </main>
    <!-- /.rpa -->
    <!-- /.main -->

<?php get_footer(); ?>   

/*===========================================================
* entry
========================================================== */
.entry {
  padding: 20px 120px 70px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .entry {
    padding: 50px 30px 10px;
  }
}

@media (max-width: 767px) {
  .entry {
    padding: 30px 30px 50px;
  }
}

.entry-inner {
  padding: 0 20px;
}

.entry-items {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.entry-item {
  border: 1px solid #454545;
  width: calc(33.3% - 24px * 2 /3);
}

@media (min-width: 1025px) {
  .entry-item:not(:nth-child(3n + 1)) {
    margin-left: 24px;
  }
  .entry-item:nth-child(n + 4) {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .entry-item {
    width: calc(50% - 24px * 1 / 2);
  }
  .entry-item:not(:nth-child(2n + 1)) {
    margin-left: 24px;
  }
  .entry-item:nth-child(n + 3) {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .entry-item {
    width: 100%;
    margin-left: 0;
  }
  .entry-item:nth-child(n + 2) {
    margin-top: 30px;
  }
}

.entry-item-link {
  display: block;
  color: #CFD8DC;
  background: #fff;
  -webkit-box-shadow: 3px 3px 15px rgba(96, 96, 96, 0.16);
          box-shadow: 3px 3px 15px rgba(96, 96, 96, 0.16);
}

.entry-item-link:hover .entry-item-img > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.entry-item-body {
  background: #111;
  text-align: left;
  font-weight: bold;
  padding: 26px 12px;
}

.entry-item-img {
  overflow: hidden;
}

.entry-item-img > img {
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.entry-title {
  font-size: 14px;
  font-weight: 700;
  margin-top: 15px;
  color: #999999;
}

/*===========================================================
# pagination
========================================================== */
.pagenation {
  margin-top: 70px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .pagenation {
    margin: 60px 0 50px;
  }
}

@media (max-width: 767px) {
  .pagenation {
    display: none;
  }
}

.pagenation a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.pagenation a:hover {
  opacity: 0.6;
}

.pagenation a:next, .pagenation a:prev {
  font-size: 30px;
}

.pagenation a:next:next:hover, .pagenation a:next:prev:hover, .pagenation a:prev:next:hover, .pagenation a:prev:prev:hover {
  opacity: 0.6;
}

.page-numbers {
  background: #111;
  border: 1px solid #454545;
  color: #999999;
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  height: 40px;
  line-height: 38px;
  margin-right: 14px;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
}

.page-numbers:last-child {
  margin-right: 0;
}

.page-numbers.dots,
.page-numbers.next,
.page-numbers.prev {
  border: none;
  line-height: 40px;
  min-width: initial;
  width: auto;
}

試したこと

Paginationの余白 margin-topにより６記事目が入る余白が無くなっている可能性を想定してmargin-topを調整しましたが、やはり６記事目は表示されません。

WordPressのダッシュボード、投稿一覧から６記事投稿されているか確認しましたが、
間違いなく６記事[公開済み]になっておリます(スクリーンショットあり)。

補足情報

・html css jsで制作していた段階では６記事すベてが表示されていました。
・Chromeのデベロッパーツールを確認したとところ、entry-item(で画像と記事タイトルを囲んでいます)が５つしか表示されていませんでした。(スクリーンショットあり)

お忙しいところ恐れ入りますが、ご教示の程よろしくお願い致します。

Answer 1

WordPress ダッシュボード(管理画面)の「表示設定」にある「1ページに表示する最大投稿数」はどうなっていますか？
５件になっていたりしないでしょうか。

参考：

• 1ページに表示する最大記事数を設定する

Answer 2

＞WordPress ダッシュボード(管理画面)の「表示設定」にある「1ページに表示する最大投稿数」は＞どうなっていますか？５件になっていたりしないでしょうか。

まさに「1ページに表示する最大投稿数」が５件になっていました。
６件したところ無事解決しました。コードの問題だと思い込み、視野狭窄になっていました。
解決して安堵しました。今後はWordPressの設定の方にも注意を向けるようにします。

この度はご教示いただき誠にありがとうございました。
引き続き、自作テーマの作成に取り掛かります。本当に助かりました。
本当にホッとしています。ありがとうございました。