Q&A
◆前提、実現したいこと
htmlで制作した以下サイトのWordPressのテーマ作成中です。
https://marikopainting.site/
表題の通り、記事一覧ページのタイトル以外が表示されません。リンクはできていてページは切り替わります。
※実際の私のサイトは記事ではなく絵画の作品なので作品と記載します。
トップページにも一部抜粋でいくつか作品を載せており、その部分は表示されます。
作品一覧の方にもトップページと同じ記述をコピペしましたが、タイトル以外のphpの記述部分が表示されない状況です。
ちなみにすでに、ヘッダーやフッターの分解をしてループをテンプレートファイル（loop-works.php）にし、トップページは表示されるようになりました。
◆発生している問題
トップページと同じ記述を行っている、作品一覧ページのタイトル以外が表示されないこと
◆問題が発生するまでの流れ
１、ヘッダー、フッターを分解してファイル作成 header.php footer.php
２、トップページ作成 home.php
３、記事ページ作成 single.php
４、ループ部分をテンプレートにする loop-works.php
５、ループのテンプレートをトップページに組み込む
６、記事一覧ページにもループのテンプレートを組み込む index.php ←ここのご相談です。
◆問題の発生した環境
サーバーはロリポップのレンタルサーバーです。
テーマフォルダをデスクトップに配置して、ファイル作成や記述後、サーバーにUP、ブラウザで確認するやり方です。
◆テーマフォルダの中身
◆ソースコード
【記事一覧ページ：index.php の記述】
php
1<?php get_header(); ?> 2 3<div id="contents"> 4 5<div id="worklist"> 6<header class="sec_header"><h2>作品一覧 / Work list</h2></header> 7 8<div id="ue"> 9<?php if ( have_posts() ) : ?> 10<?php while ( have_posts() ) : the_post(); ?> 11<div class="col-md-4"> 12<?php get_template_part('template-parts/loop','works'); ?> 13</div> 14<?php endwhile; ?> 15<?php endif; ?> 16</div> 17</div> 18 19</div> 20 21<?php get_footer(); ?>
【トップページ（home.php）の記述】
php
1<?php get_header(); ?> 2 3<div id="home"> 4 5<div id="main-photo"> 6<img class="image2" src="<?php echo get_template_directory_uri(); ?>/assets/images/main02.jpg" alt=""/> 7</div> 8 9 <div id="greeting"> 10 <img src="<?php echo get_template_directory_uri(); ?>/assets/images/greetin.gif" width="1167" height="562" alt=""/> 11 <h3>このサイトにつきまして</h3> 12 <p> 13 はじめまして。 岩下眞里子の娘の北尾絵美(旧姓：岩下)です。<br> 14 この度は岩下眞里子の水彩画のサイトへ訪問いただき、ありがとうございます。<br> 15 このサイトは、母(岩下眞里子)が旅先などで出会った風景を中心に、水彩画で描いた作品を掲載しています。<br> 16 母は日頃から自宅で黙々と水彩画を描き、家中に飾っています。<br> 17 ほのぼのとした絵に家族は癒されおり、そんな絵を皆さまにも見て頂きたいと思い、サイトを制作致しました。<br> 18 気に入った作品がございましたら、原画の販売も行っておりますのでお気軽にお問い合わせいただけますと幸いです。<br> 19 どうぞ、ごゆっくりご覧ください。<br> 20                                        北尾絵美 21 </p> 22 </div> 23 24<div id="greeting2"> 25 <img src="<?php echo get_template_directory_uri(); ?>/assets/images/pf.gif" alt=""/> 26 <p class="g-name">水彩画家：岩下眞里子</p> 27 <div id=greetingtext> 28 <p>旅行から帰宅すると記憶に残った風景を写真をみながら水彩画にしています。<br>お好きな絵がありましたら、ご相談ください。</p> 29 </div> 30</div> 31 32 <section class="sec"> 33 <div id="work"> 34 <header class="sec_header"> 35 <h2 class="title">作品 / Work</h2> 36 <p id="scloll">←作品は横スクロールで動きます→</p> 37 </header> 38 39 <div id="ue"> 40 <?php if ( have_posts() ) : ?> 41 <?php while ( have_posts() ) : the_post(); ?> 42 <div class="col-md-4"> 43 <?php get_template_part('template-parts/loop','works'); ?> 44 </div> 45 <?php endwhile; ?> 46 <?php endif; ?> 47 </div> 48 49 <p><a id="toindex" href="<?php echo home_url('index'); ?>">作品一覧を表示<br>Show work list</a></p> 50 </div> 51</section> 52 53 <div id="sns"> 54 <div id="fb"> 55 <a href="https://www.facebook.com/mariko.iwashita.336"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/fb.gif" width="80" height="82" alt=""/></a> 56 </div> 57 <div id="insta"> 58 <a href="http://instagram.com/mariko_paint"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/insta.gif" width="77" height="77" alt=""/></a> 59 </div> 60 </div> 61 62 </div> 63 64<?php get_footer(); ?>
【ループ（loop-works.php）のテンプレートの記述】
php
1<article id="post-<?php the_ID(); ?>" <?php post_class('news');?>> 2<div class="news_pics"> 3<a href="<?php the_permalink(); ?>"> 4<?php if (has_post_thumbnail()): ?> 5<?php the_post_thumbnail('medium'); ?> 6<?php else: ?> 7<img src="<?php echo get_template_directory_uri(); ?>/assets/img/common/noimage_600×400.png" alt="" > 8<?php endif; ?> 9</a> 10</div> 11 12<div class="news_meta"> 13<?php the_category(); ?> 14<time class="news_time" datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time> 15</div> 16<h2 class="news_title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 17<div class="news_desc"> 18<?php the_excerpt(); ?> 19<p><a href="<?php the_permalink(); ?>">詳細を見る</a></p> 20</div> 21</article> 22
回答1件
0
ベストアンサー
front-page.phpでなくhome.phpとか。
【【WordPress】front-page.phpがあるのに、home.phpやindex.phpがトップページになる？ | 株式会社アットフリーク】
https://www.at-freak.jp/column/wp_front-page/
投稿2021/05/10 09:54
総合スコア69606
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/10 11:22
2021/05/10 14:04
2021/05/11 00:31
2021/05/11 03:10
2021/05/11 03:44
2021/05/11 03:55
2021/05/11 07:32
2021/05/11 07:34
2021/05/11 09:57
2021/05/11 11:18