Q&A
スクリプトが動かないときはまず、ブラウザの開発画面でスクリプトエラーが表示されていないか確認してみてください
<?php wp_head();?> がうまく反応しない件について、ご教示いただきたいです。
テーマはLightningを使用しております。
テーマファイル/templates/page_test/test.php
こちらのページは、カスタム投稿タイプのページのスラッグ情報をtest.phpで受け取って
スラッグによって違うページを表示させています。
固定ページや投稿ページ同様に、test.phpヘッダーやフッターを表示を表示させたいのですが、
<?php get_header(); ?>
<?php get_footer(); ?>
などをtest.phpの上下に入れても、ヘッダーやフッターは表示されますが、ヘッダー、フッターのCSSやjQueryなどが反応しないです。
デベロッパーツールで<head>内を確認すると、<link>や<script>の記述は見られますが、
デベロッパーツールの「Styles」には本来あるはずの、プロパティなどが表示されておらず、機能していない状況です。
header.phpに記載されている、<?php wp_head();?>内のCSSなどのパスが、テーマファイル直下でないと機能しない仕組みなんでしょうか。
※追記
「テーマファイル直下でないと機能しない仕組みなんでしょうか。」と記述しましたが、
勘違いしていました。header.php自体はテーマファイル直下に存在していれば反応すると思うのですが、
なぜ反応していないんでしょうか。Lightning付属のbootstrapなども反応していないです。
style.cssやscript.jsなどは、自作header.phpにてecho get_template_directory_uri();で読み込めば反応しますが、
Lightning付属のCSSなど、レスポンシブCSSについては、どれがどれか分からず指定出来ない状況です。
FKMさん ご回答ありがとうございます。
確認してみたところ、26件ほどの.jsファイルが「net::ERR_ABORTED 404」
となっておりました。ですが、CSSに関しては1件もエラーが出ていませんでした。
bootstrapのCSSやJavascriptに関しては、<head>内にも記載されていないようです。
(<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">のようなものも)
固定ページや投稿ページのheadで読み込んでいるものをtest.phpで全て読み込みたいです。
test.phpに機能するように、funcitons.phpに対して何か記述が必要なのでしょうか。
404ってことはそのファイル存在しないってことですね。ファイル名とかパスの階層とか間違ってませんか？
ありがとうございます。
固定ページや投稿ページでは、このようなエラーは出ないため間違っていないと思われます。
回答2件
0
footer.phpに
PHP
1require get_template_directory() . '/header.php';
と追記することで解決しました。
投稿2019/11/01 06:31
退会済みユーザー
総合スコア0
0
ベストアンサー
PHPはその当該ファイルにしか適用されないため、外側にあるPHPファイルを読み込む際にはrequire文を指定する必要があります。
このページの別ファイルの読み込みの項目を確認してみてはいかがでしょうか
WordPress functions.php
投稿2019/11/01 05:49
総合スコア3647
ありがとうございます。ご紹介いただいたサイトを参考にfunctions.phpに
test.phpにheader.phpを適用するために、以下の文を追記しました。
require get_template_directory() . '/header.php';
こちらで無事に、ヘッダーとフッターのCSS、JS無事反応しました。
ありがとうございます。記述的にはこちらで問題ないでしょうか。
間違いないと思います。get_template_directoryはテンプレートディレクトリが存在するパスアドレスを取得する関数です。そしてドットは関数や変数と文字列をつなぐ連結演算子です。
つまり、requireで、絶対パスに即したheader.phpを呼び出すってコマンドを実施することになります。一度だけ呼び出すのならrequire_onceでもいいと思います。
大変参考になる回答ありがとうございました。
またよろしくお願いいたします。
1つ気になったことがあるので、質問させていただきます。
「require get_template_directory() . '/header.php';」
を記述すると、「<?php get_header();?>」を使用している
固定ページや投稿ページも少しレイアウトが変わってしまいました。
特定のページのみに反映させるにはどのように記述すればいいのでしょうか。
このページあたり参考になりませんでしょうか
https://chaika.hatenablog.com/entry/2018/02/05/090000
これを使えば、サブテーマだけ呼び出すとかできるかも知れません。
ありがとうございます。
実は現在修正しているサイト、別の人が作成したサイトでかなりカスタマイズしているのですが
子テーマを作成していないようで。。。少しややこしいです。
少しまとめますと、「テーマファイル/templates/page_test/test.php」に「テーマファイル/header.php」を使用したいです。
https://www.webantena.net/wordpress/require-wp-blog-header/#WordPress
こちらを参考に、test.phpの最上部に「require('../../header.php');」と記載したのですが、
「require(../../header.php): failed to open stream: No such file or directory in /Lightning/templates/page_test/test.php on line 2」
と表示されてしまい、うまくいかないです。
「require get_template_directory() . '/header.php';」をfunctions.phpに書き込むと、全てのページに反映され、なぜかカテゴリーのセレクトボックスをクリックすると、通常だと表示される画面が、
「Warning: Cannot modify header information - headers already sent by (output started at /wp-includes/class.wp-styles.php:242) in /wp-includes/pluggable.php on line 1251
Warning: Cannot modify header information - headers already sent by (output started at /wp-includes/class.wp-styles.php:242) in /wp-includes/pluggable.php on line 1254」
というエラーが表示され、上手く動作しません。
固定ページや投稿ページの、header.phpを「Lightning/templates/page_test/test.php」で使いたいだけなんですけどね。。。
別問題となってきているみたいなので、別項目で質問した方がいいかも知れませんね。
ありがとうございます。
そうさせていただきたいと思います。
あなたの回答
tips
プレビュー
