WordPress PHP 1ループ毎に2カテゴリーを出したい

Question

以下の表示をイメージしておりますが、どの様に行ったら良いのかわかりません。

カテゴリーが全て６つと仮定します。

<div class='box'><p>カテゴリー1</p><p>カテゴリー2</p></div>
<div class='box'><p>カテゴリー3</p><p>カテゴリー4</p></div>
<div class='box'><p>カテゴリー5</p><p>カテゴリー6</p></div>

以下の様にやるとカテゴリー1と２しか表示されません。

<?php $categories = get_categories();foreach ($categories as $category):?>
			<div class="sheif"><!-- genre 1 -->
				<div class="sheif__inner">
				</div>
				<div class="sheif__body">
				<?php $categories = get_categories(); $x=1; $num=3; foreach ($categories as $category): ?>
				<?php if( $x>=$num ) { break; } else { ?>
					<div class="sheif__book">
                        <a href="<?php echo esc_url(get_category_link($category->term_id)); ?>" class="book-btn">
                            <img src="<?php echo z_taxonomy_image_url($category->term_id); ?>" alt="本">
                        </a>
                        <a href="<?php echo esc_url(get_category_link($category->term_id)); ?>" class="bar-genre">
                            <p><?php echo $category->name; ?></p>
                        </a>
                    </div>
				<?php } $x++ ; ?>
				<?php endforeach; ?>
				</div>
				<div class="sheif__side-bar">
					<p>ジャンルメニュー</p>
				</div>
			</div><!-- genre 1 -->
			<?php endforeach; ?>

何か良い方法がございましたら、教えていただきたいです。

Answer 1

同じ環境が用意できないのでそのまま動くソースは回答できませんが、
考え方としてはこんな感じです。

1. 質問中の$xと$numでやろうとしていること（ループの回数を把握しているのだと推測します）は、foreachで配列のインデックスを変数にコピーすることで賄える。また、foreachは一回でよくなる
2. 質問のHTMLを出力するには、ループが偶数回の時はループの先頭に<div>を、ループが奇数回の時は末尾に</div>を付与すると考えられる

<?php

$categories = ["カテゴリー1","カテゴリー2","カテゴリー3","カテゴリー4","カテゴリー5","カテゴリー6"];

foreach($categories as $key => $category){ //こう書くと、foreachは単純配列のインデックスを$keyにコピーする
    if($key % 2 === 0){ //インデックスを2で割った余りが0の時=偶数の時は<p>の前に<box>を描画
        echo "<div class='box'>";
    }
    echo "<p>".$category."</p>";
    if($key % 2 === 1){//インデックスを2で割った余りが1の時=奇数の時は<p>の後<box>を描画
        echo "</div>";
    }
    
}

結果

<div class='box'><p>カテゴリー1</p><p>カテゴリー2</p></div><div class='box'><p>カテゴリー3</p><p>カテゴリー4</p></div><div class='box'><p>カテゴリー5</p><p>カテゴリー6</p></div>

質問中のソースより単純に記述できるので、WordPressで動くように調整できるんじゃないかなと思います。
（回答の範囲で不明なところがあればコメントで質問ください）

Comments

[CatBot]

ご回答ありがとうございます。
コードの意味合いはわかりますが、自分が行いたいことと少し違うと存じます。
イメージとしては、1つの棚に2つのカテゴリー写真を表示して、カテゴリーの数だけ棚が陳列しているというイメージです。（本屋さんが本を棚で正面に飾っている感じ）
なので、カテゴリー/2ごとに棚があって、棚の中には２個ずつカテゴリーが入ると、ループが二つになるのではないのでしょうか。
また、PHP初心者なので、ループの中にまた<?php 写真を表示する＆リンクにつながる処理 ?>があるので、echo処理だと文字列としてhtmlタグを用意しても、htmlタグ内のsrcやhref内に記載したPHP処理が機能しなくなってしまいます。

[tanat]

> なので、カテゴリー/2ごとに棚があって、棚の中には２個ずつカテゴリーが入ると、ループが二つになるのではないのでしょうか。

うーん、get_categories()で取得される配列を使って、質問の冒頭に記載のHTMLを実現したいのですよね？
回答中に出力されているHTMLは希望通りになっていますが、どの辺が違いますか？（boxタグは誤記なのでdivタグに修正しました）

> また、PHP初心者なので、ループの中にまた<?php 写真を表示する＆リンクにつながる処理 ?>があるので、echo処理だと文字列としてhtmlタグを用意しても、htmlタグ内のsrcやhref内に記載したPHP処理が機能しなくなってしまいます。

この辺はまずは単純な形で記述できるようになってから、質問中のWordPressのコードに合わせて調整するのがいいと思いますよ。

[tanat]

> なので、カテゴリー/2ごとに棚があって、棚の中には２個ずつカテゴリーが入ると、ループが二つになるのではないのでしょうか。

このアプローチも可能ですが、その場合は先に配列を二次元配列に組み替えてから二重ループで処理する感じになりますね。
質問中のコードだと、二重ループの中のループで毎回新しいカテゴリー一覧を取得してしまっているので、先頭のカテゴリー1と2しか表示できないことになっています。

[CatBot]

かしこまりました。もう少し勉強して試してみます。