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

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

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

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

PHP

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

Q&A

0回答

297閲覧

WordPressの固定ページ構築にて、HTMLが表示されない

hiro1125

総合スコア2

WordPress

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

PHP

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

0グッド

0クリップ

投稿2025/05/10 00:18

実現したいこと

イメージ説明固定ページのHTML記載内容を表示させたい

発生している問題・分からないこと

固定ページが表示されず、画面が白い状態になってしまっている。フロントページは問題なく表示されている。
functions.phpの入力内容が問題あるのか疑っております。

該当のソースコード

page

1<!DOCTYPE html> 2<html lang="ja"> 3<?php get_header(); ?> 4 <body> 5~質問版での文字数制限のため一部コード省略~ 6 <div class="topTreat"></div> 7 <?php get_template_part('includes/sidebar'); ?> 8 <main> 9 <div class="mainContainer"> 10 <img src="<?php echo esc_url(get_theme_file_uri('/img/about-us 1.png')); ?>" alt=""> 11 </div> 12 <section class="aboutArea inview fadeIn_up"> 13 <div class="aboutInner"> 14 <h2>私達について</h2> 15 <p> 16 「丁寧な家造りで、理想を現実に」<br> 17 これを実現するために、わたしたちが行っていることを<br class="pcOnly"> 18 一部ご紹介します。 19 </p> 20 <div class="aboutImage"> 21 <img src="<?php echo esc_url(get_theme_file_uri('/img/offline-hearing_01 1.png')); ?>" alt=""> 22 </div> 23 <div class="btnWrap"> 24 <a href="#philosophy"> 25 <div class="btn"> 26 <div class="btnText"> 27 <p>経営理念</p> 28 </div> 29 <img class="arrow1" src="<?php echo esc_url(get_theme_file_uri('/img/矢印アイコン 下4 (2) 1.png')); ?>" alt=""> 30 <img class="arrow2" src="<?php echo esc_url(get_theme_file_uri('/img/矢印アイコン 下4 (2) 2.png')); ?>" alt=""> 31 </div> 32 </a> 33 <a href="#profile"> 34 <div class="btn"> 35 <div class="btnText"> 36 <p>会社概要</p> 37 </div> 38 <img class="arrow1" src="<?php echo esc_url(get_theme_file_uri('/img/矢印アイコン 下4 (2) 1.png')); ?>" alt=""> 39 <img class="arrow2" src="<?php echo esc_url(get_theme_file_uri('/img/矢印アイコン 下4 (2) 2.png')); ?>" alt=""> 40 </div> 41 </a> 42 <a href="#safetyInitiatives"> 43 <div class="btn"> 44 <div class="btnText"> 45 <p>安全への取り組み</p> 46 </div> 47 <img class="arrow1" src="<?php echo esc_url(get_theme_file_uri('/img/矢印アイコン 下4 (2) 1.png')); ?>" alt=""> 48 <img class="arrow2" src="<?php echo esc_url(get_theme_file_uri('/img/矢印アイコン 下4 (2) 2.png')); ?>" alt=""> 49 </div> 50 </a> 51 </div> 52 </div> 53 </section> 54 <section class="philosophyArea inview fadeIn_up" id="philosophy" > 55 <div class="philosophyInner"> 56 <h3>経営理念</h3> 57 <div class="philosophyImg"> 58 <img src="<?php echo esc_url(get_theme_file_uri('/img/vision.jpg')); ?>" alt=""> 59 </div> 60 </div> 61 </section> 62 <section class="profileArea" id="profile"> 63 <div class="profileInner"> 64 <h3 class="inview fadeIn_up">会社概要</h3> 65 <div class="profileWrap inview fadeIn_up"> 66 <div class="profileText"> 67 <p> 68 青牡丹工務店は、1965年に創業しました。当初は小さな地域の工務店として始まりましたが、顧客志向の高いサービスと品質へのこだわりが徐々に評判を高め、地域の信頼を得ることとなりました。<br> 69 創業以来、私たちの経営理念は変わることなく、品質第一と顧客満足を常に追求することを掲げています。私たちは、建物を単なる建築物としてではなく、人々の生活や夢の実現の場として捉え、お客様の要望に応えるために最善の努力を惜しまず取り組んできました。<br> 70 その結果、地域社会だけでなく、広く多くのお客様からの信頼を得て、業績を着実に拡大させてまいりました。途中で直面した困難や挑戦もありましたが、常に創造性と革新を重視し、チーム全体で協力し合いながら、克服してまいりました。<br> 71 私たちの理念は、常に社会に貢献し、持続可能な未来を築くことにあります。地域社会や環境への配慮を大切にし、誠実な姿勢で仕事に取り組むことで、より良い社会を築いていくことを目指しています。<br> 72 今後も、お客様の声に耳を傾けながら、さらなる成長と発展を目指し、青牡丹工務店は邁進してまいります。 73 </p> 74 </div> 75 <div class="profilePhoto"> 76 <img src="<?php echo esc_url(get_theme_file_uri('/img/ceo 1.jpg')); ?>" alt=""> 77 <div class="presidentText"> 78 <p class="position">代表取締役</p> 79 <p class="name">谷垣周平</p> 80 </div> 81 </div> 82 </div> 83 <div class="profileDetaile inview fadeIn_up"> 84 <dl class="profileList"> 85 <div> 86 <dt>商号</dt> 87 <dd>株式会社 青牡丹工務店</dd> 88 </div> 89 <div> 90 <dt>創業</dt> 91 <dd>昭和40年5月3日</dd> 92 </div> 93 <div> 94 <dt>資本金</dt> 95 <dd>2000万円</dd> 96 </div> 97 <div> 98 <dt>従業員数</dt> 99 <dd>24人</dd> 100 </div> 101 <div class="businessLine"> 102 <dt>営業種目</dt> 103 <dd>総合建設設計施工・不動産業・倉庫業・リフォーム工事</dd> 104 </div> 105 <div> 106 <dt>本社所在地</dt> 107 <dd>〒000-0000 大阪府大阪市中央区北区南町5-6-7</dd> 108 </div> 109 <div> 110 <dt>代表取締役</dt> 111 <dd>谷垣周平</dd> 112 </div> 113 </dl> 114 </div> 115 </div> 116 </section> 117 <section class="safetyInitiativesArea inview fadeIn_up" id="safetyInitiatives"> 118 <div class="safetyInitiativesInner"> 119 <h3>安全への取り組み</h3> 120 <div class="safetyPatrolContent"> 121 <h4>経営層による安全衛生巡視</h4> 122 <div class="safetyPatrolWrap"> 123 <div class="textBox"> 124 <p> 125 経営層による安全衛生巡視は、当社の安全管理体制の中核を担う活動の一つです。この巡視では、経営者や上級管理職が定期的に現場を訪問し、安全な作業環境の確保や安全基準の遵守を徹底することが主な目的です。<br> 126 具体的には、巡視の際には安全規則や法令の遵守状況を点検し、作業現場における危険な箇所や潜在的なリスクを特定します。また、機械や設備の安全装置が正しく機能しているかどうかも確認します。さらに、作業員に対して安全教育や指導を行い、安全意識の向上を図ります。 127 </p> 128 </div> 129 <div class="imgBox"> 130 <img src="<?php echo esc_url(get_theme_file_uri('/img/safety01 1.jpg')); ?>" alt=""> 131 </div> 132 </div> 133 </div> 134 <div class="educationalSystemContent"> 135 <h4>労働災害防止への取り組み・教育体制</h4> 136 <div class="educationalSystemWrap"> 137 <div class="textBox"> 138 <p> 139 労働災害の防止に向けた従業員への教育・訓練も欠かせません。新入社員や新規作業員には、安全教育プログラムを実施し、作業時の安全ルールや手順、危険な状況の認識方法などを徹底的に指導しています。さらに、定期的な安全講習会や研修を通じて、従業員の安全意識を高める取り組みを行っています。<br> 140 労働災害が発生した場合には、速やかに原因究明を行い、再発防止策を迅速に実施します。また、従業員からの安全に関する意見や提案を積極的に受け付け、改善に向けた取り組みを推進しています。 141 </p> 142 </div> 143 <div class="imgBox"> 144 <img src="<?php echo esc_url(get_theme_file_uri('/img/safety02 1.jpg')); ?>" alt=""> 145 </div> 146 </div> 147 </div> 148 </div> 149 </section> 150 <section class="contactArea inview fadeIn_up"> 151 <div class="contactInner"> 152 <p>お問い合わせ</p> 153 <h2>CONTACT</h2> 154 <div class="contactImage"> 155 <img src="<?php echo esc_url(get_theme_file_uri('/img/financing_01.png')); ?>" alt=""> 156 </div> 157 <div class="contactText"> 158 <dl> 159 <dt> 160 <p>Tel</p> 161 <p class="detail">お電話</p> 162 </dt> 163 <dd> 164 <p>0000-000-0000</p> 165 <p class="detail">営業時間10:00-20:00</p> 166 </dd> 167 </dl> 168 <div class="btn"> 169 <button> 170 <a href="https://wp517317.wpx.jp/tyukyu_ex/CONTACT/#notice">メールフォームはこちら</a> 171 </button> 172 </div> 173 </div> 174 </div> 175 </section> 176 <?php get_template_part('includes/footer'); ?> 177 </main> 178 <?php get_footer(); ?> 179 </body> 180</html>

functions.php

1<?php 2function my_theme_scripts(){ 3 if(is_page('aboutus')){ 4 wp_enqueue_style('aboutus', get_theme_file_uri('/aboutus/css/style.css')); 5 }else{ 6 wp_enqueue_style('all', get_theme_file_uri('/css/style.css')); 7 } 8 wp_enqueue_style('reset', get_theme_file_uri('/css/reset.css')); 9 wp_enqueue_style('swiper', get_theme_file_uri('/css/swiper-bundle.min.css')); 10} 11add_action('wp_enqueue_scripts', 'my_theme_scripts');/* 第一引数にフック、第二引数に任意の関数名を指定*/

試したこと・調べたこと

  • teratailやGoogle等で検索した
  • ソースコードを自分なりに変更した
  • 知人に聞いた
  • その他
上記の詳細・結果

特に大きな成果は得ることができませんでした。

補足

特になし

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hiroki-o

2025/05/10 02:20

'aboutus'というスラッグは正しいのでしょうか?
hiro1125

2025/05/10 02:56

ありがとうございます! 固定ページのスラッグは正しいです。 serviceの固定ページを作成しても同様の事象が発生しており、functions.phpの入力内容が影響を与えているのかなと考えておりますがいかがでしょうか?
hiroki-o

2025/05/10 03:24

if文の判定は上手くいっているのでしょうか? (つまり、目的のCSSが読み込まれているのでしょうか?)
hiro1125

2025/05/10 03:38

ありがとうございます! はい。下記が「aboutus」固定ページのソースですが、該当ディレクトリのCSSを読み込んでおりますので、if構文には問題ない認識です。 (フロントページはテーマ直下のCSSを読み込んでおります。) たびたびご確認いただき、すみません。 【ソースコード】 <link rel='stylesheet' id='reset-css' href='http://aobotan.local/wp-content/themes/aobotan/css/reset.css?ver=6.8.1' type='text/css' media='all' /> <link rel='stylesheet' id='swiper-css' href='http://aobotan.local/wp-content/themes/aobotan/css/swiper-bundle.min.css?ver=6.8.1' type='text/css' media='all' /> <link rel='stylesheet' id='aboutus-css' href='http://aobotan.local/wp-content/themes/aobotan/aboutus/css/style.css?ver=6.8.1' type='text/css' media='all' />
kchiku

2025/05/22 00:28

---- functions.phpの入力内容が問題あるのか疑っております。 ---- ということでしたら、functions.phpを空にしてみたらどうでしょう? トラブル解決は問題の切り分けが基本です。 自分なら次にpage.phpに何か書いて表示されるかテストしてみるとかですかね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.31%

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

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

質問する

関連した質問