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

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

ただいまの
回答率

90.33%

  • WordPress

    7683questions

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

  • HTML5

    4311questions

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

  • CSS3

    2216questions

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

ワードプレス、get_header/footerで読み込まれない

解決済

回答 1

投稿 編集

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

YU14

score 1

 前提・実現したいこと

HTML/CSS/JS/Wordpressの学習を初めて二ヶ月の初心者です。

自作イラストを載せるポートフォリオサイトの制作を行っており、現在HTML/CSS/JSでのコーディングが終わり、MAMPとBracketを使ってWordPressへの組み込みを行なっています。

 発生している問題・エラーメッセージ

headerを切り分けたあと、その読み込みが<?php get_header(); ?>で行われません(footerにおいても同様)。

 試したこと

テーマフォルダー内には下記ファイルとフォルダーがあります。

(フォルダー)
css
js
images

(ファイル)
front-page.php
page-aboutme.php
page-portfolio.php
index.php
header.php
footer.php
style.css

これまでにfront-page.phpのheaderとfooterを切り分けました。

そして

<?php get_header(); ?>

および

<?php get_footer(); ?>

のテンプレートタグを書き込みました。

ここまでは問題ありません。header.phpとfooter.phpは読み込まれ、front-page.phpは正しく表示されます。

またこの段階ではpage-aboutme.php、およびpage-portfolio.phpも正しく表示されます。

しかし、page-aboutme.phpのheaderをカットし、<?php get_header(); ?>に書き換えると、page-aboutme.phpが表示されなくなります。

これはpage-portfolio.phpにおいても同様で、こちらもheaderをカットし、<?php get_header(); ?>に書き換えると、表示されなくなります。

headerだけの問題かと思いfooterでも試してみました。

page-aboutme.phpとpage-portfolio.phpの両方のファイルにおいて、footerをカットし<?php get_footer(); ?>に書き換えたところ、正常に読み込まれていないようで、ページは表示されるもののfooter部分だけが表示されません。

疑問点は、front-page.phpにおいては<?php get_header(); ?>と<?php get_footer(); ?>で正常に読み込まれているのに、page-aboutme.phpとpage-portfolio.phpにおいては読み込まれない点です。

下記サイト等を見て回ったのですが、解決できませんでした。

http://www.webopixel.net/wordpress/1078.html 
https://samurai-project.com/articles/757 http://kajico.kajilabo.net/get_header/ http://www.poroanet.com/blog/wordpress/305.html

ご教示いただけますと幸いです。

何卒よろしくお願いします。

下記page-aboutme.phpのコードです。

<?php get_header(); ?> 

<div class="container-fluid main">            
  <div class="row profile" >
      <div class="col-xs-12 col-lg-8">
        <h2>Profile</h2>    
        <p>An Illustrator: Yukio Mishima<br>
Yukio Mishima is the pen name of Kimitake Hiraoka, January 14, 1925 – November 25, 1970), a Japanese author, poet, playwright, actor, model, film director, founder of the Tatenokai, and nationalist.<br>
Mishima is considered one of the most important Japanese authors of the 20th century. He was considered for the Nobel Prize in Literature in 1968, but the award went to his countryman Yasunari Kawabata.<br>
His avant-garde work displayed a blending of modern and traditional aesthetics that broke cultural boundaries, with a focus on sexuality, death, and political change.</p>
      </div>

        <div class="col-xs-12 col-lg-4 img">
          <img src="images/P1060888.png"  class="img-fluid">
        </div>
  </div>        

  <div class="row project">    
      <div class="col-12">
        <h2>Projects</h2>
      </div>
      <div class="col-12">
        <p>2014 Aug | Mishima Exhibition</p>    
       <p>2015 Mar | Tanizaki Exhibition</p>    
        <p>2015 Sep | Kawabata Exhibition</p>    
        <p>2017 Apr | Hiraoka Exhibition</p>    
        <p>2017 Dec | Mori Exhibition</p>    
    </div>    
  </div>

<?php get_footer(); ?>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

質問への追記・修正、ベストアンサー選択の依頼

  • aozuki

    2018/05/24 10:30

    とりあえずデバッグモードを有効化してエラーが出てないか確認してください(wp-config.phpのdefine('WP_DEBUG', false);をtrueにする)

    キャンセル

  • mts10806

    2018/05/24 10:42

    コメント欄では目に付きにくいので質問本文に追記してください。

    キャンセル

  • YU14

    2018/05/24 12:34

    (リンクは本文に追記させていただきました。) ご教示ありがとうございます。 デバックモードを有効にして試して見たのですが、同じように下記のメッセージが表示されるだけです。 localhost is currently unable to handle this request. HTTP ERROR 500

    キャンセル

回答 1

checkベストアンサー

0

おそらく、当該ファイルのページが、WordPressを通して実行されていないのではないかと思われます。

page.phpは一つにし、(固定ページの共通テンプレートとする)
管理画面より、各固定ページを作成してはいかがでしょうか?
(aboutとかprofileを、固定ページの投稿で作成する、ということです。)

あと、下記記事が参考になると思います。

https://noumenon-th.net/programming/2016/06/20/wordpress08/

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/05/24 21:21

    コメントありがとうございます。

    お教えいただいたリンク先を読みながら、(上記載のpage-aboutme.phpの)冒頭に

    <?php
    /*
    Template Name: About Me
    */
    get_header(); ?>

    と付けたところ、管理画面で読み込まれるようになりました。またそこで表示されたIDを、header.phpにあるcssを読み込ませるための条件分岐文に入れると、About Meのページが正しく表示されるようになりました。

    同じことをpage-portfolio.phpに対して行ったところ、こちらも正しく表示されるようになりました。

    ここ数日行き詰まっていたことが解決できて、大変嬉しく思います。ようやく先に進めます。

    aozuki様、mts10806、miyabi_takatsuk様、この度はご教示いただきましてありがとうございました。

    大変助けとなりました。

    キャンセル

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

  • WordPress

    7683questions

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

  • HTML5

    4311questions

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

  • CSS3

    2216questions

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