wordPressでWebサイトをコーディングしているのですが、なぜか4回だけループして表示されてしまいます。
【状況】
・front-page.phpに下記のプログラムを記述。
・ヘッダー以降、4回ループして表示されます。
(例)
ヘッダー
A画像
B画像
C画像
A画像
B画像
C画像
A画像
B画像
C画像
A画像
B画像
C画像
フッター
・原因追及のため、まったく同じコードを別のphp(page-company.php)にコピペしたところ正常に動作しました。
おそらくfront-page.phpファイル自体に何らかの問題があると思っております。
【php】
<?php get_header(); ?> <?php if(have_posts()): while(have_posts()):the_post(); ?> <div class="widefull"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/Top.jpg" alt="Top"> </div> <div class="mycontainer"> <div class="alignwide"> <div class="column"> <div class="in"> <div class="sns-title"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/sns01.png" alt="insta-icon" class="sns-icon"> <p class="sns-p">〇〇〇〇</p> </div> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/insta.jpg" alt="インスタグラム"> </div> <div class="in"> <div class="sns-title"> <p class="sns-p">〇〇〇〇</p> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/icon-youtube.png" alt="youtube-icon" class="sns-icon"> </div> <iframe width="100%" height="80%" src="https://www.youtube.com/" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> <div class="shintyaku-box"> <h1 class="mobh1">新着情報</h1> <p class="p">News Topics</p> </div> </div> </div> <section> <div class="shikaku"> <h1 class="mobh1">〇〇〇〇</h1> <p class="p">〇〇〇〇</p> <div class="mycontainer"> <div class="top-column alignwide"> <div class="in"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-column1.jpg" alt="top-column"> <p>□□□□□□□□□□□□□□□□□□<br>□□□□□□□□□□□□□□□□□□<br>□□□□□□□□□□□□□□□□□□ </p> </div> <div class="in"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-column2.jpg" alt="top-column"> <p>□□□□□□□□□□□□□□□□□□<br>□□□□□□□□□□□□□□□□□□<br>□□□□□□□□□□□□□□□□□□ </p> </div> <div class="in"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-column3.jpg" alt="top-column"> <p>□□□□□□□□□□□□□□□□□□<br>□□□□□□□□□□□□□□□□□□<br>□□□□□□□□□□□□□□□□□□ </p> </div> </div> </div> <div class="mycontainer"> <div class="top-column alignwide"> <div class="in"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-column4.jpg" alt="top-column"> </div> <div class="in"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-column5.jpg" alt="top-column"> </div> <div class="in"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-column6.jpg" alt="top-column"> </div> </div> </div> </div> </section> <section> <div class="shikaku2"> <h1 class="mobh1 top-title">〇〇〇〇</h1> <p class="p top-title">〇〇〇〇</p> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/map.png" alt="map" class="map"> </div> </section> <div class="mycontainer"> <div class="alignwide"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/top-recruitment.jpg" alt="top-recruitment" class="top-recruit"> <p>□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□</p> </div> </div> <?php endwhile; endif; ?> <?php get_footer(); ?>
原因がどこにあるのかも、現在不明で調査中です。
詳しい方がいらっしゃいましたら、どうかヒントをいただけますと幸いです。
何卒よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/10/29 21:23