WordPressで独自の固定ページテンプレートを作ると、CSSなどが読まれなくなってしまう問題

Question

###実現したいこと
WordPressの固定ページで<?php ;?>を使いたいです。
###試したこと・質問の経緯
初めにエディタに以下を書いたところPHPとして出力されず、エディタには<?php ;?>が使えないことがわかりました。

<p>ご連絡は<a href="<?php site_url('/contact/'); ?>">こちら</a>です。</p>
				

どうしたら出力できるか調べると、独自の固定ページテンプレートを作り、エディタでなくそのテンプレートに書けばできると知りました。早速それを次のようにして作りました。
このpage-xxx.phpは子テーマの直下に置いています。

page-xxx.php

<?php
/*
Template Name: page-xxx
*/
?>

<p>ご連絡は<a href="<?php site_url('/contact/'); ?>">こちら</a>です。</p>

###状況
しかし上記のテンプレートを作っても固定ページ編集画面（http://example.com/wp-admin/post.php?post=111&action=edit）の右側に下図のような選択リストが表示されません。

で全くできていないのかというとそうでもないらしく、上図のような選択をしなくても普通に「http://example.com/xxx」にアクセスすると、「ご連絡はこちらです。」という以下のHTMLが出力されます。

エディアは未記入なのでpage-xxx.phpを読んでいるようなのですが、上図の選択をしていないのになぜ読まれるのか…

<p>ご連絡は<a href="">こちら</a>です。</p>

しかも意味不明なことに

・なぜかhrefの中身は空になっている。
・CSSファイルなど全く読まれず、header.phpの<php get_header();?>なども読まれず、ページのHTMLには上のHTMLだけが出力される。

という状況です。

###質問
このような状況なのでお聞きしたいと思ったのが、page-xxx.phpを読む際に、きちんとCSSファイルなど他のファイルを読む方法です。

または固定ページで<?php ;?>を使いたいというのが目的なので、page-xxx.phpを使わずにエディタ内で<?php ;?>を使えるような方法でもあれば知りたいと思います。

どなたかお助け頂けませんでしょうか。

Answer 1

page-xxx.phpを配置すると、「スラッグxxxの固定ページ」の表示時にそのphpが使われます。
これはpage.phpやsingle.phpよりも優先して表示されます。

固定ページのテンプレート用ファイルを作る際は、テンプレート階層のファイル名と重複しないように作る必要があります。

hrefの中身が空になっているのはechoしてないからです。

PHPコードを使いたい場合、よくある使い方としてはショートコードを作成し、固定ページにはショートコードタグを書く、というものです。

Comments

[moomoom]

ありがとうございました。