WordPressでphp記述内にhtmlのタグで囲みたいが、どこで句切ればよいか、場所がわからないので教えてください

実現したいこと

該当ソースにあるように出力したいソースのように
ループさせたいブロック_02の dlの囲みを入れたいのですが、PHPのソース内でh2の後に入れる場合
どのように書けばよいでしょうか?phpの書き方が完全理解できてないため教えてください。

<!-- ループさせたいブロック_01 --> <div>  <h2>エリア名(関東エリア)</h2> <!-- /ループさせたいブロック_02 --> <dl> <dt>県名</dt> <dd> <ul> <li><p>店名</p></li> <li><p>住所</p></li> </ul> </dd> </dl> <!-- /ループさせたいブロック_02 --> </div> <!-- /ループさせたいブロック_01 -->

発生している問題・分からないこと

該当ソースで

<div class="store_sec01 contents_inner mrg__btm5 mrg__sp_btm4"> <!-- このdlのはじまりを h2の後にしたい -->        <dl class="store_box mrg__btm2 mrg__sp_btm15"> <?php // タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法 $posttype_slug = 'store'; // カスタム投稿タイプ store $taxonomy_slug = 'prefectures'; $categories = get_terms($taxonomy_slug,'parent=0'); foreach ( $categories as $cat ) { echo '<h2 class="-title txt_min navy mrg__btm05 mrg__sp_btm1 fs_34 fs__sp_20">' . esc_html($cat->name) .'の取り扱い販売店'.'</h2>'; // 親タームタイトル

と書いてますが、このあとのh2の下に <dl>をいれたいのですが、
phpの一旦区切る場所がわからず、、echo <dt>の前に書く場合どうすればよいでしょうか?

該当のソースコード

<!--// ループここから --> <div class="store_sec01 contents_inner mrg__btm5 mrg__sp_btm4"> <!-- このdlのはじまりを h2の後にしたい -->        <dl class="store_box mrg__btm2 mrg__sp_btm15"> <?php // タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法 $posttype_slug = 'store'; // カスタム投稿タイプ store $taxonomy_slug = 'prefectures'; $categories = get_terms($taxonomy_slug,'parent=0'); foreach ( $categories as $cat ) { echo '<h2 class="-title txt_min navy mrg__btm05 mrg__sp_btm1 fs_34 fs__sp_20">' . esc_html($cat->name) .'の取り扱い販売店'.'</h2>'; // 親タームタイトル $children = get_terms($taxonomy_slug,'hierarchical=0&parent='.$cat->term_id); if($children){ // 子タームの有無 foreach ( $children as $child ) { echo '<dt class="js-open txt_min">' . esc_html($child->name) . '</dt>'; // 子タームタイトル $catslug = $child->slug; $args = array( 'post_type' => $posttype_slug, 'posts_per_page' => -1, 'tax_query' => array( array( 'taxonomy' => $taxonomy_slug, // タクソノミースラッグを指定 'field' => 'slug', 'terms' => $catslug, // タームスラッグを指定 ) ) ); $myquery = new WP_Query( $args ); ?> <dd class="-open"> <?php if ( $myquery->have_posts()): ?> <ul class="-inner"> <?php while($myquery->have_posts()): $myquery->the_post(); ?> <li> <p class="-name"><span class="-nam"><?php the_title(); ?></span></p> <p class="-read">住所<a href="https://goo.gl/maps/GV8jyjr354xSh5ae8" target="_blank" class="-icon-map">MAP</a></p> </li> <?php endwhile; ?> </ul> <?php endif; ?> <?php wp_reset_postdata(); ?> <?php } //子タームに紐づく記事一覧の表示終了 ?> </dd> </dl> <dl class="store_box mrg__btm2 mrg__sp_btm15"> <?php } else { // 子タームがなければ親タームに紐づく記事一覧を表示 $catslug = $cat->slug; $args = array( 'post_type' => $posttype_slug, 'posts_per_page' => -1, 'tax_query' => array( array( 'taxonomy' => $taxonomy_slug, // タクソノミースラッグを指定 'field' => 'slug', 'terms' => $catslug, // タームスラッグを指定 ) ) ); $myquery = new WP_Query( $args ); ?> <dd class="-open"> <?php if ( $myquery->have_posts()): ?> <ul class="-inner"> <?php while($myquery->have_posts()): $myquery->the_post(); ?> <li> <p class="-name"><span class="-nam"><?php the_title(); ?></span></p> <p class="-read">住所<a href="https://goo.gl/maps/GV8jyjr354xSh5ae8" target="_blank" class="-icon-map">MAP</a></p> </li> <?php endwhile; ?> </ul> <?php endif; ?> <?php wp_reset_postdata(); ?> <?php } // 子ターム終了 ?> <?php } // 親ターム終了 ?> </dd> </dl> </div> <!--// ループここまで -->
<div class="store_sec01 contents_inner mrg__btm5 mrg__sp_btm4"> <h2 class="-title txt_min navy mrg__btm05 mrg__sp_btm1 fs_34 fs__sp_20">◯◯エリアの取り扱い販売店</h2>        <!---------- dlごとにループさせたい -----------> <!---------- boxひとつめ -----------> <dl class="store_box mrg__btm2 mrg__sp_btm15"> <dt class="js-open txt_min">◯◯県</dt> <dd class="-open"> <ul class="-inner"> <li> <p class="-name"><span class="-nam">店名</span></p> <p class="-read">住所<a href="https://goo.gl/maps/GV8jyjr354xSh5ae8" target="_blank" class="-icon-map">MAP</a></p> </li> <li> <p class="-name"><span class="-nam">店名</span></p> <p class="-read">住所<a href="https://goo.gl/maps/GV8jyjr354xSh5ae8" target="_blank" class="-icon-map">MAP</a></p> </li> </ul> </dd> </dl> <!--//box-->                <!---------- boxふたつめ -----------> <dl class="store_box mrg__btm2 mrg__sp_btm15"> <dt class="js-open txt_min">◯◯県</dt> <dd class="-open"> <ul class="-inner"> <li> <p class="-name"><span class="-nam">店名</span></p> <p class="-read">住所<a href="https://goo.gl/maps/GV8jyjr354xSh5ae8" target="_blank" class="-icon-map">MAP</a></p> </li> <li> <p class="-name"><span class="-nam">店名</span></p> <p class="-read">住所<a href="https://goo.gl/maps/GV8jyjr354xSh5ae8" target="_blank" class="-icon-map">MAP</a></p> </li> </ul> </dd> </dl> <!--//box--> </div>

試したこと・調べたこと

上記の詳細・結果

dlの位置を変更しながら、試してみましたが、ループがおかしくなってしまう。

補足

特になし

コメントを投稿

0 コメント