Web制作

ワードプレスで固定ページをトップに埋め込み

2021.12.02

ワードプレスで固定ページをトップに埋め込み

 

ワードプレスで固定ページをトップに埋め込み 表示させるには、
専用のテンプレート「page-news.php」と、「表示する固定ページ」を用意し、
「home.php」に埋め込みのためのコードを入れて実装します。
新着情報などのインフォメーションや、リンク集などをひとつの固定ページで管理するような場合に非常に便利です。

 

専用のテンプレート「page-news.php」

専用のテンプレート「page-news.php」
今後のカスタマイズのことを考えて、ひとまず専用のテンプレート「page-news.php」を用意しています。
冒頭にPHPとコメントマークで囲んだTemplate Nameは忘れずに入れておきましょう。
また、このページだけで検索されてしまわないよう、NOINDEXとNOFOLLOWのメタタグも入れておきます。

 

表示する固定ページ

表示する固定ページ
このサンプルでは↑こんな感じにしてみました。
ULとLIタグで構成しているシンプルな箇条書きのページです。

 

固定ページのIDを確認しておきます

固定ページのIDを確認しておきます
ワードプレスの固定ページ一覧で、表示したい固定ページ(ここでは「新着情報」)の表題にマウスを乗せると、その固定ページのアドレスが画面下に表示されます
「post.php?post=●&action…..」の●部分がページIDです。

 

ページ属性を専用テンプレートに

ページ属性を専用テンプレートに
「ページ属性」設定で、テンプレートを「新着情報のテンプレート」に切り替えます。

 

トップページにコードを入れます

トップページにコードを入れます
トップページにコードを入れます。
「get_page(●)」の●部分は、前もって確認してあったページIDです。
↑このサンプルでは、見た目をはっきりさせるためBootstrapの「container」DIVで囲んで、インラインCSSで色を付けています。※最初の図を参照

 

「page-news.php」のような、専用のテンプレートが無くても問題なく表示される場合もあるようですが、念のため用意しておくといろいろ都合がよさそうです。