wordpressで画像が反映されない、同じ箇所が2回出る

Question

●前提・実現したいこと
wordpressに自作模写コーディングサイトをアップしたい。

●発生している問題・エラーメッセージ
サイト内に画像が反映されない箇所やMESSAGE、BRAND、PROJECTの箇所が2回表示されてしまいます。

●該当のソースコード

★index.php

<?php get_header(); ?> <?php if(have_posts()) : while(have_posts()) : the_post(); ?> <div class="wrapper"> <div class="sidebar"> <div class="side-contents"> <img class="side-logo" src="logo.png"> <ul class="side-menu"> <li><a href="#">TOP</a></li> <li><a href="#">MESSAGE</a></li> <li><a href="#">GALLERY</a></li> <li><a href="#">BRAND</a></li> <li><a href="#">PROJECT</a></li> <li><a href="#">COMPANY</a></li> </ul>

 <div class="side-icons">
   <a href="#"><i class="fab fa-facebook-square"></i></a>
   <a href="#"><i class="fab fa-twitter-square"></i></a>
   <a href="#"><i class="fab fa-instagram-square"></i></a>
   <a href="#"><i class="fab fa-youtube-square"></i></a>
 </div>
 </div>

</div> <div class="contents"> <img class="top-image" src="mainImg.jpg"> <div class="message-wrapper"> <h1 class="heading">MESSAGE</h1> <div class="textarea"> <p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル株式会社では最新技術と自然との調和を目な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p> </div> </div> <div class="photo-wrapper"> <img src="<?php echo get_template_directory_uri(); ?>/img/photo01.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo02.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo03.jpg" width="230" height="237"> <img src="<?php echo get_template_directory_uri(); ?>/img/photo04.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo05.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo06.jpg" width="230" height="237"> <span><img src="<?php echo get_template_directory_uri(); ?>/img/photo07.jpg" width="711" height="457"></span> <img src="<?php echo get_template_directory_uri(); ?>/img/photo08.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo09.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo10.jpg" width="230" height="237"> <img src="<?php echo get_template_directory_uri(); ?>/img/photo11.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo12.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo13.jpg" width="230" height="237"> </div> </div> <div class="brand-wrapper"> <h1 class="heading">BRAND</h1> <div class="brand-contents">

<div class=contents-item>
  <img src="<?php echo get_template_directory_uri(); ?>/img/logo01.png" width="127" height="137">
  <p>ホームページサンプル株式会社では最動かす企業を目指します。</p>
</div>

<div class=contents-item>
  <img src="<?php echo get_template_directory_uri(); ?>/img/logo02.png" width="127" height="137">
  <p>革新的な技術で世の中を動かす企業を目します。世の中を動かす。</p>
</div>

<div class=contents-item>
  <img src="<?php echo get_template_directory_uri(); ?>/img/logo03.png" width="127" height="137">
  <p>株式会社では最動かす企業を目指しますージン企業を目指します。</p>
</div>

<div class=contents-item>
  <img src="<?php echo get_template_directory_uri(); ?>/img/logo04.png" width="127" height="137">
  <p>株式会社では最動かす企業を指しますージサン企業を目指します。</p>
</div>

</div> </div> <div class="project-wrapper"> <h1 class="heading">PROJECT</h1> <div class="project-contents"> <div class="project-item"> <img src="<?php echo get_template_directory_uri(); ?>/img/photo14.jpg" width="395" height="225"> <p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>

</div> <div class="project-item"> <img src="<?php echo get_template_directory_uri(); ?>/img/photo15.jpg" width="395" height="225"> <p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>

</div> </div> </div> <?php endwhile; else: ?> <p>記事はありません</p> <?php endif; ?> <div class="company-wrapper"> <h1 class="heading">COMPANY</h1> <div class="company-contents"> <p class="address">〒103-1234</br> 見本県見本市仮区見本町1-3-5</br>

TEL [phone]</br>

e-Mail [e-mail]</br>

営業時間 10:00〜20:00（水曜定休）</br>

※都合により休業する場合がございます</p>

<div class="ggmap"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12794.37516750043!2d136.931998!3d36.708298!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2ade3e8e4c2801b8!2z56aP5bKh6aeF!5e0!3m2!1sja!2sus!4v1616593235720!5m2!1sja!2sus" width="550" height="200" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </div> </div> </div> </div> </div> <?php get_footer(); ?>

★header.php

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>"> <link rel="stylesheet" href="responsive.css"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta charset="utf-8"> <script src="https://kit.fontawesome.com/fe3ca9fa79.js" crossorigin="anonymous"></script> <title><?php bloginfo('name'); ?></title> <?php wp_head(); ?> </head> <body> <header> <div class="header-cover"> <img src="logo.png"> <i class="fas fa-bars fa-lg"></i> </div> <input type="checkbox" class="drawer-btn"> <div class="header-nav"> <ul class="header-menu"> <li><a href="#"><i class="fas fa-chevron-right"></i>TOP</a></li> <li><a href="#"><i class="fas fa-chevron-right"></i>MESSAGE</a></li> <li><a href="#"><i class="fas fa-chevron-right"></i>GALARY</a></li> <li><a href="#"><i class="fas fa-chevron-right"></i>BRAND</a></li> <li><a href="#"><i class="fas fa-chevron-right"></i>PROJECT</a></li> <li><a href="#"><i class="fas fa-chevron-right"></i>COMPANY</a></li> </ul>

<div class="header-icons">
  <a href="#"><i class="fab fa-facebook-square"></i></a>
  <a href="#"><i class="fab fa-twitter-square"></i></a>
  <a href="#"><i class="fab fa-instagram-square"></i></a>
  <a href="#"><i class="fab fa-youtube-square"></i></a>
</div>

</div> <?php wp_head(); ?> </header>

★footer.php

<footer> <p>Copyright(c) 2016 Sample Inc. All Rights Reserved. Design by <a href="http://f-tpl.com">http://f-tpl.com</a></p> </footer> <?php wp_footer(); ?> </body> </html>

★single.php

<?php get_header(); ?> <?php if(have_posts()) : while(have_posts()) : the_post(); ?> <div class="wrapper"> <div class="sidebar"> <div class="side-contents"> <img class="side-logo" src="logo.png"> <ul class="side-menu"> <li><a href="#">TOP</a></li> <li><a href="#">MESSAGE</a></li> <li><a href="#">GALLERY</a></li> <li><a href="#">BRAND</a></li> <li><a href="#">PROJECT</a></li> <li><a href="#">COMPANY</a></li> </ul>

 <div class="side-icons">
   <a href="#"><i class="fab fa-facebook-square"></i></a>
   <a href="#"><i class="fab fa-twitter-square"></i></a>
   <a href="#"><i class="fab fa-instagram-square"></i></a>
   <a href="#"><i class="fab fa-youtube-square"></i></a>
 </div>
 <p><?php the_content(); ?></p>
 </div>

</div> <?php endwhile; else: ?> <p>記事はありません</p> <?php endif; ?> <div class="company-wrapper"> <h1 class="heading">COMPANY</h1> <div class="company-contents"> <p class="address">〒103-1234</br> 見本県見本市仮区見本町1-3-5</br>

TEL [phone]</br>

e-Mail [e-mail]</br>

営業時間 10:00〜20:00（水曜定休）</br>

※都合により休業する場合がございます</p>

<div class="ggmap"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12794.37516750043!2d136.931998!3d36.708298!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2ade3e8e4c2801b8!2z56aP5bKh6aeF!5e0!3m2!1sja!2sus!4v1616593235720!5m2!1sja!2sus" width="550" height="200" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </div> </div> </div> </div> </div> <?php get_footer(); ?>

★page.php

<?php get_header(); ?> <?php if(have_posts()) : while(have_posts()) : the_post(); ?> <?php endwhile; else: ?> <p>ページはありません</p> <?php endif; ?> <div class="company-wrapper"> <h1 class="heading">COMPANY</h1> <div class="company-contents"> <p class="address">〒103-1234</br> 見本県見本市仮区見本町1-3-5</br>

TEL [phone]</br>

e-Mail [e-mail]</br>

営業時間 10:00〜20:00（水曜定休）</br>

※都合により休業する場合がございます</p>

<div class="ggmap"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12794.37516750043!2d136.931998!3d36.708298!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2ade3e8e4c2801b8!2z56aP5bKh6aeF!5e0!3m2!1sja!2sus!4v1616593235720!5m2!1sja!2sus" width="550" height="200" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </div> </div> </div> </div> </div> <?php get_footer(); ?>

●該当箇所

お手数ですが解決策や対応策があれば教えてください。
ご検討宜しくお願い致します。

Answer 1

こちらの画像っす。

1回分しかでていないっす。

Comments

[nori]

index.phpの該当箇所を消したのですが、上記画像に映っている右側のTOP、MESSAGE、GALARY、BRAND、PROJECT、COMPANYが消えてしまいました。

1ndex.phpに記載している下記のMESSAGE、BRAND、PROJECTの画像や文章が連続して表示させないためにはどのようにすればいいでしょうか？

<div class="message-wrapper">
<h1 class="heading">MESSAGE</h1>
<div class="textarea">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル株式会社では最新技術と自然との調和を目な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>
</div>

<div class="photo-wrapper">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo01.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo02.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo03.jpg" width="230" height="237">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo04.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo05.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo06.jpg" width="230" height="237">
<span><img src="<?php echo get_template_directory_uri(); ?>/img/photo07.jpg" width="711" height="457"></span>
<img src="<?php echo get_template_directory_uri(); ?>/img/photo08.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo09.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo10.jpg" width="230" height="237">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo11.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo12.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo13.jpg" width="230" height="237">
</div>
</div>

<div class="brand-wrapper">
<h1 class="heading">BRAND</h1>

<div class="brand-contents">

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo01.png" width="127" height="137">
<p>ホームページサンプル株式会社では最動かす企業を目指します。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo02.png" width="127" height="137">
<p>革新的な技術で世の中を動かす企業を目します。世の中を動かす。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo03.png" width="127" height="137">
<p>株式会社では最動かす企業を目指しますージン企業を目指します。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo04.png" width="127" height="137">
<p>株式会社では最動かす企業を指しますージサン企業を目指します。</p>
</div>

</div>
</div>

<div class="project-wrapper">
<h1 class="heading">PROJECT</h1>
<div class="project-contents">
<div class="project-item">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo14.jpg" width="395" height="225">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>

<div class="project-item">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo15.jpg" width="395" height="225">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>
</div>
</div>

[退会済みユーザー]

[連続して表示させないように]
とありますが、どのようにしたいのかが、わかりませんでした。

自分のところだと、縦に
MESSAGE、BRAND、PROJECT、が、並んでいます。

何をしたいのか、コメント頂けると、COMMENTできると思います。よろしくお願いしますー。

[nori]

説明不足で申し訳ございませんでした。
サイドに表示しているMESSAGE、BRAND、PROJECTのことではありません。

下記のmessage-wrpper全体の文章がなぜかwordpressで2重に表示されているので、2重に表示させないようにするのはどうすればいいのかという意味です。

<div class="message-wrapper">
<h1 class="heading">MESSAGE</h1>
<div class="textarea">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル株式会社では最新技術と自然との調和を目な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>
</div>

<div class="photo-wrapper">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo01.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo02.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo03.jpg" width="230" height="237">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo04.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo05.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo06.jpg" width="230" height="237">
<span><img src="<?php echo get_template_directory_uri(); ?>/img/photo07.jpg" width="711" height="457"></span>
<img src="<?php echo get_template_directory_uri(); ?>/img/photo08.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo09.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo10.jpg" width="230" height="237">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo11.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo12.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo13.jpg" width="230" height="237">
</div>
</div>

<div class="brand-wrapper">
<h1 class="heading">BRAND</h1>

<div class="brand-contents">

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo01.png" width="127" height="137">
<p>ホームページサンプル株式会社では最動かす企業を目指します。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo02.png" width="127" height="137">
<p>革新的な技術で世の中を動かす企業を目します。世の中を動かす。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo03.png" width="127" height="137">
<p>株式会社では最動かす企業を目指しますージン企業を目指します。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo04.png" width="127" height="137">
<p>株式会社では最動かす企業を指しますージサン企業を目指します。</p>
</div>

</div>
</div>

<div class="project-wrapper">
<h1 class="heading">PROJECT</h1>
<div class="project-contents">
<div class="project-item">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo14.jpg" width="395" height="225">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>

<div class="project-item">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo15.jpg" width="395" height="225">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>
</div>
</div>

[退会済みユーザー]

画像含めて、確認したかったので、回答のところを編集しました。ご確認よろしくお願いしますー。

[nori]

んー違います。
今wordpressを確認したら4重に表示されてました。
表示されている形式で説明するとこんな感じです。

MESSAGE
文章
画像

BRAND
画像
文章

PROJECT
画像　文章

(MESSAGE 文章 画像)、(BRAND 画像 文章)、(PROJECT　画像 文章)のこの3つを1セットだとするとそれがなぜか下に1セットが4回同じく表示されている状態です。

各phpファイルでダブってるところがあるってことですよね？

[退会済みユーザー]

表示しているのは、index.phpでしょうか？とりあえず、最新のindex.php、header.php、footer.phpを頂けないでしょうか？

ファイルがダブることはないと思いますが、どこかで2回関数コールすると、2回分表示されると思いますー。

[nori]

★index.php
<?php get_header(); ?>

<?php
if(have_posts()) :
while(have_posts()) :
the_post();
?>

<div class="wrapper">
<div class="sidebar">
<div class="side-contents">
<img class="side-logo" src="logo.png">
<ul class="side-menu">
<li><a href="#"><i class="fas fa-chevron-right"></i>TOP</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i>MESSAGE</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i>GALARY</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i>BRAND</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i>PROJECT</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i>COMPANY</a></li>
</ul>

<div class="side-icons">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-twitter-square"></i></a>
<a href="#"><i class="fab fa-instagram-square"></i></a>
<a href="#"><i class="fab fa-youtube-square"></i></a>
</div>
</div>
</div>

<div class="contents">
<img class="top-image" src="mainImg.jpg">

<div class="message-wrapper">
<h1 class="heading">MESSAGE</h1>
<div class="textarea">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル株式会社では最新技術と自然との調和を目な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>
</div>

<div class="photo-wrapper">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo01.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo02.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo03.jpg" width="230" height="237">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo04.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo05.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo06.jpg" width="230" height="237">
<span><img src="<?php echo get_template_directory_uri(); ?>/img/photo07.jpg" width="711" height="457"></span>
<img src="<?php echo get_template_directory_uri(); ?>/img/photo08.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo09.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo10.jpg" width="230" height="237">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo11.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo12.jpg" width="230" height="237"><img src="<?php echo get_template_directory_uri(); ?>/img/photo13.jpg" width="230" height="237">
</div>
</div>

<div class="brand-wrapper">
<h1 class="heading">BRAND</h1>

<div class="brand-contents">

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo01.png" width="127" height="137">
<p>ホームページサンプル株式会社では最動かす企業を目指します。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo02.png" width="127" height="137">
<p>革新的な技術で世の中を動かす企業を目します。世の中を動かす。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo03.png" width="127" height="137">
<p>株式会社では最動かす企業を目指しますージン企業を目指します。</p>
</div>

<div class=contents-item>
<img src="<?php echo get_template_directory_uri(); ?>/img/logo04.png" width="127" height="137">
<p>株式会社では最動かす企業を指しますージサン企業を目指します。</p>
</div>

</div>
</div>

<div class="project-wrapper">
<h1 class="heading">PROJECT</h1>
<div class="project-contents">
<div class="project-item">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo14.jpg" width="395" height="225">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>

<div class="project-item">
<img src="<?php echo get_template_directory_uri(); ?>/img/photo15.jpg" width="395" height="225">
<p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。革新的な革新的な革新的な技術で世の中を技術で世の中を技術で世の中を動かす企業を目指します。</br></br>

ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指します。革新的な技術で世の中を動かす企業を目指します。ホームページサンプル株式会社。ホームページサンプル最新技術と自然との調和を目指し調和を目指し調和を目指します。革新的な技術で世の中を動かす企業を目指します。</p>
</div>
</div>
</div>

<?php
endwhile;
else: ?>
<p>記事はありません</p>
<?php endif; ?>

<div class="company-wrapper">
<h1 class="heading">COMPANY</h1>
<div class="company-contents">
<p class="address">〒103-1234</br>
見本県見本市仮区見本町1-3-5</br>

TEL [phone]</br>

e-Mail [e-mail]</br>

営業時間 10:00〜20:00（水曜定休）</br>

※都合により休業する場合がございます</p>

<div class="ggmap">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12794.37516750043!2d136.931998!3d36.708298!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2ade3e8e4c2801b8!2z56aP5bKh6aeF!5e0!3m2!1sja!2sus!4v1616593235720!5m2!1sja!2sus" width="550" height="200" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</div>

<?php get_footer(); ?>

★header.php
<?php wp_head(); ?>
</head>
<body>

<header>
<div class="header-cover">
<img src="logo.png">
<i class="fas fa-bars fa-lg"></i>
</div>
<input type="checkbox" class="drawer-btn">
<div class="header-nav">
<ul class="header-menu">

</ul>

<div class="header-icons">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-twitter-square"></i></a>
<a href="#"><i class="fab fa-instagram-square"></i></a>
<a href="#"><i class="fab fa-youtube-square"></i></a>
</div>
</div>
<?php wp_head(); ?>
</header>

★footer.php
<footer>
<p>Copyright(c) 2016 Sample Inc. All Rights Reserved. Design by <a href="http://f-tpl.com">http://f-tpl.com</a></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>

★single.php
<?php get_header(); ?>

<?php
if(have_posts()) :
while(have_posts()) :
the_post();
?>

<div class="wrapper">
<div class="sidebar">
<div class="side-contents">
<img class="side-logo" src="logo.png">
<ul class="side-menu">
<li><a href="#">TOP</a></li>
<li><a href="#">MESSAGE</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">BRAND</a></li>
<li><a href="#">PROJECT</a></li>
<li><a href="#">COMPANY</a></li>
</ul>

<div class="side-icons">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-twitter-square"></i></a>
<a href="#"><i class="fab fa-instagram-square"></i></a>
<a href="#"><i class="fab fa-youtube-square"></i></a>
</div>
<p><?php the_content(); ?></p>
</div>
</div>

<?php
endwhile;
else: ?>
<p>記事はありません</p>
<?php endif; ?>

<div class="company-wrapper">
<h1 class="heading">COMPANY</h1>
<div class="company-contents">
<p class="address">〒103-1234</br>
見本県見本市仮区見本町1-3-5</br>

TEL [phone]</br>

e-Mail [e-mail]</br>

営業時間 10:00〜20:00（水曜定休）</br>

※都合により休業する場合がございます</p>

<div class="ggmap">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12794.37516750043!2d136.931998!3d36.708298!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2ade3e8e4c2801b8!2z56aP5bKh6aeF!5e0!3m2!1sja!2sus!4v1616593235720!5m2!1sja!2sus" width="550" height="200" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</div>

<?php get_footer(); ?>

★page.php
<?php get_header(); ?>

<?php
if(have_posts()) :
while(have_posts()) :
the_post();
?>

<?php
endwhile;
else: ?>
<p>ページはありません</p>
<?php endif; ?>

<div class="company-wrapper">
<h1 class="heading">COMPANY</h1>
<div class="company-contents">
<p class="address">〒103-1234</br>
見本県見本市仮区見本町1-3-5</br>

TEL [phone]</br>

e-Mail [e-mail]</br>

営業時間 10:00〜20:00（水曜定休）</br>

※都合により休業する場合がございます</p>

<div class="ggmap">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12794.37516750043!2d136.931998!3d36.708298!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2ade3e8e4c2801b8!2z56aP5bKh6aeF!5e0!3m2!1sja!2sus!4v1616593235720!5m2!1sja!2sus" width="550" height="200" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</div>

<?php get_footer(); ?>

[退会済みユーザー]

index.phpの

<?php
if(have_posts()) :
while(have_posts()) :
the_post();
?>
と、
<?php
endwhile;
else: ?>
<p>記事はありません</p>
<?php endif; ?>
を削除したら、どうなりますでしょうか？

[nori]

削除したら解決しました。アドバイス本当にありがとうございます！
あとは画像を反映させたいと思います！

[退会済みユーザー]

投稿した記事が、表示されていたんですねー。良くなってよかったですー。

Answer 2

index.phpの

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>

と、

<?php endwhile; else: ?> <p>記事はありません</p> <?php endif; ?> を削除したら、どうなりますでしょうか？

この通りに削除したら解決しました。
Yusekiさん本当にありがとうございます！