実現したいこと
該当ソースにあるように出力したいソースのように
ループさせたいブロック_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 コメント