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

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

新規登録して質問してみよう
ただいま回答率
86.02%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

WordPressのテンプレートファイルでfooter.phpが読み込めない

yuki1221
yuki1221

総合スコア5

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

1回答

0グッド

0クリップ

184閲覧

投稿2022/11/22 03:54

前提

テキストでWordPressの学習をしています。
投稿ページのテンプレートとして作成している「single.php」からfooter.phpを読み込めず困っています。
header.phpとfooter.phpは作成済みで、トップページのテンプレートであるindex.phpから読み込みできることを確認しております。(テキストの進行上、index.phpを使用しておりますので、その点に関してはご了承ください。)
ブラウザの画面表示は以下のようにヘッダーのみ読み込みしている形になっております。
イメージ説明

試したこと

・テキストからダウンロードできる以下のサンプルコードと、自分のコードとの差分を確認しました。結果、差分はありませんでした。

single.php

1<?php get_header(); ?> 2 3<h2 class="pageTitle">最新情報<span>NEWS</span></h2> 4 5<main class="main"> 6 <div class="container"> 7 <div class="row"> 8 <div class="col-12 col-md-9"> 9 <?php if ( have_posts() ) : ?> 10 <?php while ( have_posts() ) : the_post(); ?> 11 <article id="post-<?php the_ID(); ?>" <?php post_class('article'); ?>> 12 <header class="article_header"> 13 <h2 class="article_title"><?php the_title(); ?></h2> 14 <div class="article_meta"> 15 <?php the_category(); ?> 16 <time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time> 17 </div> 18 </header> 19 <div class="article_body"> 20 <div class="content"> 21 <?php the_content(); ?> 22 </div> 23 </div> 24 <div class="postLinks"> 25 <div class="postLink postLink-prev"><?php previous_post_link('<i class="fas fa-chevron-left"></i>%link'); ?></div> 26 <div class="postLink postLink-next"><?php next_post_link('%link<i class="fas fa-chevron-right"></i>'); ?></div> 27 </div> 28 </article> 29 <?php endwhile; ?> 30 <?php endif; ?> 31 </div> 32 <div class="col-12 col-md-3"> 33 <?php get_sidebar('categories'); ?> 34 <?php get_sidebar('archives'); ?> 35 </div> 36 </div> 37 </div> 38</main> 39 40<?php get_footer(); ?> 41

・WordPressプラグイン「show current template」を使用して該当ページでsingle.phpが適用されていることを確認いたしました。
・トップページとして使用しているindex.phpでヘッダー・フッターともに読み込みできているのを確認いたしました。

補足情報

テキストのサンプルファイルダウンロードリンク
https://gihyo.jp/book/2020/978-4-297-11185-4/support
該当フォルダ
Chap2 > Sec7 > After > bistro-calme

以下のような質問にはグッドを送りましょう

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

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

気になる質問をクリップする

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

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

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

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

適切な質問に修正を依頼しましょう。

回答1

0

自己解決

別のテンプレート「sidebar-archives.php」が原因となって発生していたレイアウト崩れでした。
そもそも月別アーカイブの表示ができておらず、以下の通り月別アーカイブの表示を修正することでフッターも表示され、解決いたしました。

修正前

php

1<aside class="archive"> 2 <h2 class="archive_title">月別アーカイブ</h2> 3 <ul class="archive_list"> 4 <?php 5 $args = array( 6 'type' => 'monthly', //見出しを削除 7 ); 8 wp_list_archives($args); 9 ?> 10 </ul> 11</aside>

修正後

php

1<aside class="archive"> 2 <h2 class="archive_title">月別アーカイブ</h2> 3 <ul class="archive_list"> 4 <?php 5 $args = array( 6 'type' => 'monthly', //見出しを削除 7 ); 8 wp_get_archives($args); 9 ?> 10 </ul> 11</aside>

投稿2022/11/22 05:21

yuki1221

総合スコア5

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

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

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

このような回答には修正を依頼しましょう。

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

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

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

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。