質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.45%

  • WordPress

    9153questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • if

    260questions

    if文とは様々なプログラミング言語で使用される制御構文の一種であり、条件によって処理の流れを制御します。

  • while

    89questions

    Whileは多くの言語で使われるコントロール構造であり、特定の条件が満たされる限り一連の命令を繰り返し実行します。

WordPress カスタム投稿タイプ、カスタムフィールドの編集をしております。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 748

may88seiji

score 63

前提・実現したいこと

wordpress カスタム投稿タイプ、カスタムフィールドの編集をしております。
Advanced Custom Fields の Repeater Fieldを使って カテゴリーの型を作って量産できるようにしたいと思っています。
入れ子の if while に閉じタグをどのようにおけば良いのかわからず困ってます。

実現したい構造
導入事例紹介文

事例(リピートする)
ーメイン画像
ー背景
ー導入製品(リピートする)
ーー品番
ーー説明
ーー画像(リピートする)

正しい閉じタグの置き場所を御指南いただければ幸いです。

該当のソースコード

<!--導入事例紹介文-->
    <div class="mainArea">
        <p class="para"><?php echo the_field('case_study_explain');?></p>

        <!--事例の始まり リピートする-->
        <?php   if(have_rows('case')): ?> <!--1-->
        <?php   while(have_rows('case')): the_row(); ?> <!--2-->
            <?php       $back = get_sub_field('case_background');
            $bg = $back['url']; ?>
            <div class="caseStudy">
            <img class="main_back" src="<?php echo $bg; ?>" width="100%" height="209px" alt="背景画像">
        <!--事例メイン画像の背景↑-->
         <?php      $image = get_sub_field('case_main_img');
                 $url = $image['url']; ?>
                 <div class="caseStudy__mainImg"><img src="<?php echo $url; ?>" alt="交通機関"></div>
     <!--メイン画像-->
            <div class="caseStudy__textWrap">

     <!--導入製品  リピートする-->
        <?php       $product = get_sub_field('case_product'); ?>
        <?php       if(have_rows('case_product')): ?> <!--3-->
        <?php           while(have_rows('case_product')): the_row(); ?> <!--4--> 
        <?php               $num = get_sub_field('case_product_number'); ?>
                            <h3 class="caseStudy__tit"><?php echo $num;?></h3>
        <!--製品番号↑-->
        <?php               $explain = get_sub_field('case_product_explain'); ?>
                            <p class="caseStudy__text"><?php echo $explain;?></p> </div>
        <!--製品説明↑-->
             <div class="caseStudy__imgList" id="slider">
                <div id="slider__inner">
                <ul class="caseStudy__imgList_wrap">
        <?php               if(have_rows('case_product_images')): ?> <!--5-->
        <?php                    while(have_rows('case_product_images')): the_row(); ?> <!--6-->
        <?php                    $imgs = get_sub_field('case_product_img');
                                 $img = $imgs['url'];?>
                       <li class="item"><img src="<?php echo $img; ?>" alt="" height="174" width="174"><span class="over"></span></li>
        <!--画像集↑ リピートする-->
        <?php                    endwhile; ?> <!--/6-->
        </ul>
        <?php               endif; ?> <!--/5-->
        </div>
        <?php           endwhile; ?> <!--/4-->

        <?php       endif; ?>   <!--/3-->
        <?php   endwhile; ?>  <!--/2-->
         </div>
       </div>
        <?php endif; ?>  <!--/1-->
    </div>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

<p class="caseStudy__text"><?php echo $explain;?></p> </div>

上の</div>を取ると無事に表示できました。
ありがとうございました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.45%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • WordPress

    9153questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • if

    260questions

    if文とは様々なプログラミング言語で使用される制御構文の一種であり、条件によって処理の流れを制御します。

  • while

    89questions

    Whileは多くの言語で使われるコントロール構造であり、特定の条件が満たされる限り一連の命令を繰り返し実行します。