WordPressでアーカイブを日付ごとにブロック化して出力したい

###前提
お世話になります。
ECサイトの商品アーカイブ一覧ページをWP_Queryでループ作成しておりまして、
その出力方法について質問させてください。

現状のループ文は以下になります。

###該当のソースコード

// archive.php
<?php
$year = get_query_var('year');
$args = array(
'post_status' => 'publish',
	'category_name'=>'l,u,x'
);
if ($year) {
$start_date = $year.'/1/1';
$end_date = $year.'/12/31 23:59:59';
$args += array('date_query' => array (
'compare' => 'BETWEEN',
'after' => $start_date,
'before' => $end_date,
'inclusive' => true
));
}
$query = new WP_Query($args);
if ($query->have_posts()) : while ($query->have_posts() ) : $query->the_post();

//最下層のカテゴリー名を取得
$cat = get_bottom_category();
$cat_id = $cat->cat_ID;
$cat_name = $cat->cat_name;
$japaname = post_custom('japaname'); // custom field template (和名を定義)
?>

<span><?php echo get_the_date('Y.m.d'); ?></span>
<span><a href="<?php the_permalink() ?>"><?php echo $cat_name; ?><?php the_title(); ?></a></span>
<br>

<?php endwhile; endif;
wp_reset_query();
?>

出力内容は、日付+商品名のみでして、
上記コードで以下のように出力されます。

<span>2016.12.20</span><span><a href="リンクURL">商品名あ</a></span>
<span>2016.12.20</span><span><a href="リンクURL">商品名い</a></span>
<span>2016.12.20</span><span><a href="リンクURL">商品名う</a></span>
<span>2016.12.20</span><span><a href="リンクURL">商品名え</a></span>
<span>2016.12.08</span><span><a href="リンクURL">商品名お</a></span>
<span>2016.12.08</span><span><a href="リンクURL">商品名か</a></span>
<span>2016.12.08</span><span><a href="リンクURL">商品名き</a></span>

###実現したいこと

大抵一日にまとめて商品ページを作成しますので、
同じ日付が連続で並ぶのは見栄えが良くなく、できれば下記のように
日付ごとにブロック化して出力したいと考えております。

<div class="list-block">
 <p class="date">2016.12.20</p>
 <ul class="item-name">
  <li><a href="リンクURL">商品名あ</a></li>
  <li><a href="リンクURL">商品名い</a></li>
  <li><a href="リンクURL">商品名う</a></li>
  <li><a href="リンクURL">商品名え</a></li>
</ul>
</div>

<div class="list-block">
 <p class="date">2016.12.08</p>
 <ul class="item-name">
  <li><a href="リンクURL">商品名お</a></li>
  <li><a href="リンクURL">商品名か</a></li>
  <li><a href="リンクURL">商品名き</a></li>
</ul>
</div>

その場合コードをどのように書き換えればよいかわかりません。
どなたかお力添えをいただけないでしょうか。
宜しくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

ループを以下のようにすればどうでしょう。
（$argsやその他は、ご自分の環境に合わせてください）

php
1<?php
2	$the_query = new WP_Query( $args );
3if ( $the_query->have_posts() ):
4	$post_year = false; // 年の比較用変数の初期化
5	$post_day = false; // 日の比較用変数の初期化
6	while ( $the_query->have_posts() ): $the_query->the_post();
7
8if( $post_day != get_post_time('d') ) { // 比較の値と投稿日が異なる場合に以下を表示
9
10	if ( $post_day !== false ) { // 比較の値と投稿日が異なる場合に以下を表示
11		echo '</ul></div>';
12	}
13	echo '<div class="list-block"><p class="date">'.get_post_time('Y.n.d').'</p>'; //投稿の月を表示
14	echo '<ul class="item-name">';
15}      
16	echo '<li><a href="'.get_the_permalink().'">'.get_the_title().'</a></li>'; // 投稿のリンクとタイトルを表示
17	$post_year = get_post_time('Y'); // 年月の比較用の変数に今の投稿の年月を代入
18	$post_day = get_post_time('d'); // 年月の比較用の変数に今の投稿の年月を代入
19endwhile;
20	wp_reset_postdata();
21	echo '</ul>';
22endif;
23?>