受付9:00~18:00 ※土日祝除く
2021.12.02Web制作
最終更新日:2024年2月2日
ワードプレスで固定ページをトップに埋め込み
ワードプレスで固定ページをトップに埋め込み 表示させるには、
専用のテンプレート「page-news.php」と、「表示する固定ページ」を用意し、
「home.php」に埋め込みのためのコードを入れて実装します。
新着情報などのインフォメーションや、リンク集などをひとつの固定ページで管理するような場合に非常に便利です。
専用のテンプレート「page-news.php」
![専用のテンプレート「page-news.php」 専用のテンプレート「page-news.php」](https://a-m-t.co.jp/wps/wp-content/uploads/2021/11/kotei02.jpg)
冒頭にPHPとコメントマークで囲んだTemplate Nameは忘れずに入れておきましょう。
また、このページだけで検索されてしまわないよう、NOINDEXとNOFOLLOWのメタタグも入れておきます。
表示する固定ページ
![表示する固定ページ 表示する固定ページ](https://a-m-t.co.jp/wps/wp-content/uploads/2021/11/kotei03.jpg)
ULとLIタグで構成しているシンプルな箇条書きのページです。
固定ページのIDを確認しておきます
![固定ページのIDを確認しておきます 固定ページのIDを確認しておきます](https://a-m-t.co.jp/wps/wp-content/uploads/2021/11/kotei04.jpg)
「post.php?post=●&action…..」の●部分がページIDです。
ページ属性を専用テンプレートに
![ページ属性を専用テンプレートに ページ属性を専用テンプレートに](https://a-m-t.co.jp/wps/wp-content/uploads/2021/11/kotei05.jpg)
トップページにコードを入れます
![トップページにコードを入れます トップページにコードを入れます](https://a-m-t.co.jp/wps/wp-content/uploads/2021/11/kotei06.jpg)
「get_page(●)」の●部分は、前もって確認してあったページIDです。
↑このサンプルでは、見た目をはっきりさせるためBootstrapの「container」DIVで囲んで、インラインCSSで色を付けています。※最初の図を参照
「page-news.php」のような、専用のテンプレートが無くても問題なく表示される場合もあるようですが、念のため用意しておくといろいろ都合がよさそうです。
お問い合わせCONTACT
株式会社エー・エム・ティーは
印刷物からホームページ制作・更新運用管理までトータルサポート。
企業様の課題解決や企業価値向上のお手伝いをいたします。