WordPressのアーカイブのカスタマイズ

Question

WPのアーカイブを年別に分けたく、以下のコードにて実装しましたが、出力されるタグがバリデートエラーになってしまいます。。
参考にしたのはこちらのサイトです。
https://cosybench.com/customize-wp-archives-look/

<!-- Monthly Archive -->
<div class="sidebar-block sidebar-archive">
	<h2 class="sidebar-block-title">ARCHIVE<span class="text-ja">アーカイブ</span></h2>

	<?php
		$monthly_archives = wp_get_archives( 
			$args = array(
				'type' => 'monthly',
				'show_post_count' => false,
				'before' => '',
				'after' => ',',
				'echo' => 0,
			));
		$monthly_archives = explode(',', $monthly_archives);
		array_pop($monthly_archives);

		$yearly_archives = wp_get_archives(
			$args = array(
				'type' => 'yearly',
				'format' => 'custom',
				'before' => '',
				'after' => ',',
				'echo' => 0,
			));
		$yearly_archives = explode(',', $yearly_archives);
		array_pop($yearly_archives);

		$this_year = (string)idate('Y');

		$out = '<ul class="archive-list">';

		foreach ($yearly_archives as $year) {
			$the_year = substr($year,-8,4);

			if ($the_year === $this_year):
				$out .= '<li class="year">' . '<a class="year-number this-year active" href="#">' . $the_year . '</a>';
				$out .= '<ul class="children month-archive-list this-year-month">';
			else:
				$out .= '<li class="year">' . '<a class="year-number" href="#">' . $the_year . '</a>';
				$out .= '<ul class="children month-archive-list">';
			endif;

				foreach ($monthly_archives as $month) {
					$pos = strpos($month, $the_year); 

					if ($pos !== false):
						$out .= $month;
					endif;
				}
			$out .= '</ul>';
		}
		$out .= '</ul>';

		echo $out;
	?>
</div>
<!-- /Monthly Archive -->

出力されるコードは以下です。

<!-- Monthly Archive -->
<div class="sidebar-block sidebar-archive">
    <h2 class="sidebar-block-title">ARCHIVE<span class="text-ja">アーカイブ</span></h2>

    <ul class="archive-list">
        <li class="year"><a class="year-number this-year active" href="#">2021</a>
            <ul class="children month-archive-list this-year-month">
                <li><a href='http://tes.local/2021/02/'>2021年2月</a></li>
                <li><a href='http://tes.local/2021/01/'>2021年1月</a>
            </ul>
        <li class="year"><a class="year-number" href="#">2020</a>
            <ul class="children month-archive-list">
        </li>
        <li><a href='http://tes.local/2020/12/'>2020年12月</a>
    </ul>
    </ul>
</div>
<!-- /Monthly Archive -->

ブラウザ表示でのエラーなどは無く、ずっと気付かなかったのですが、よくよく見てみると、archive-list 直下2つ目の li > children month-archive-list が閉じておらず、バリデートエラーになっていることに気づきました。

li の閉じタグが無いせいかと思い、$out .= '</ul>'; の箇所に追加したりしてみましたが上手くいきませんでした。。

Comments

[CHERRY]

どのようなエラーメッセージが出るのでしょうか？