WordPressでトップページを固定ページとする方法。エンジニアが学んだことをお伝えしますエンジニアが学んだことをお伝えしますWordPressでトップページを固定ページとする方法。BlogWordPressは非常に自由度の高いブログサービス。通常のブログサービスでは実現が難しいデザインも実行しやすい。先日ブログのページ構成を大幅に変更したが、そのときに調べた内容を記事にしておこうと思う。各カテゴリーのリンクから個別カテゴリーページ(固定ページ)に飛び、そこにはカテゴリー専用サイトマップを。トップページ上の新着記事は3〜5つのみとし、新着記事一覧ページは別ページとするこれを実現するために、トップページを固定ページとした。イメージはこんな感じ。出来上がりはこんな感じ。<トップページ(front-page.php)上部>各カテゴリーカードをタップすると、個別のカテゴリーページ(固定ページ)に飛ぶ。<カテゴリー(個別ページ)><トップページ(front-page.php)下部>新着記事をもっと見る、をタップすると新着記事一覧に飛ぶ。<新着記事ページ(index.php)>それではまず上記コンセプトを実現する仕組みからまとめていこう。コンセプトを実現するために行ったことトップページに新着記事カードが一覧表示されるだけでなく、カテゴリーカードが一覧表示されるものとしたかった。当ブログはカテゴリーが多く、文字よりもカード形式にしてアイキャッチ画像を見せた方が印象が残ると考えるため。このような場合、トップページを新着記事ページとせずに、固定ページとすると実現しやすいと考えた。何かを始めるときは、とにかくオフィシャルなマニュアルに目を通すのが定石。通例そこにすべてが記載されているから。そこで以下のページを参考とした。静的フロントページの作成ここには、トップページを個別ページとし、最新の投稿が一覧表示されるページを投稿ページとして設定する方法が載っている。非常に丁寧な解説とマニュアルで、これに従っておけば固定ページと最新の投稿ページの設定は問題なく実行できる。実はこれで今日の話は終わりなのだが、もう少し細かいメモも残しておく。トップページの作成トップページについては以下の方法で作成している。トップページの表示内容は全てfront-page.phpに記載のコードで実現カテゴリーカード一覧は、各固定ページのアイキャッチ画像とタイトルを表示するコードで実現(すなわち各カテゴリーのページは固定ページにて作成している)新着記事は3つだけ表示するコードを書いて、新着記事一覧ページ(index.php使用)に飛べるボタンを個別に設定ブログタイトルはheader.phpにて表示、検索窓とプロフィールはfooter.phpにて表示front-page.phpはWordPressが必ずフロントページに使用するもの。今回個別ページ専用として作成した。ちなみに、固定ページを新着記事一覧のように表示する方法には以下のコードを採用している。上記コードにより、固定ページカードを新着ページのように並べることが可能となる。表示設定にある「1ページに表示する最大投稿数」にセットする数字の影響を受けるようなので、そちらの表示数の確認はしておいた方がよい。僕のブログテーマにhome.phpはないので、新着記事ページについてはfront-page.phpの次の階層のindex.phpが使用される。これを新着記事用としてカスタマイズ(いわゆる一般的なブログの新着記事が並ぶトップページはこれ)。Codexによるとhome.phpを使いなさい、とあったが特段問題なく作動している。おわりにブログは中身が大事でデザインはそれほど重要ではないと聞いたこともあるけれど、趣味でやってるブログのデザインに凝って悪いことはないはずだ。自分のページを持ち、自分なりに試行錯誤しながら作り上げていくというのは楽しいもの。試しながらやっているので、物忘れの激しい僕は何をどうしたかすぐに忘れてしまう。このような記事を投稿し、後でまたカスタマイズするときに見れるようにしているというわけ。この記事は他の誰のためでもなく自分のためのもの。このような記事が設定に困っている人に読まれるケースもあるようなので引き続き残し続けていきたいと思う。PostsシンプルなCopyright(コピーライト)表記を採用。当ブログの考え方と書き方オーストラリアおすすめの旅行先まとめ記事を執筆した理由。商品のレビュー記事について思うこと。生活や家族に関することApple製品の魅力を語ります資産運用やお金について学んだこと音楽やアコースティックギターについて旅行の記録を写真とともに。考えたこと、考え方についてYo30代エンジニア。日々の生活や読書、仕事や海外での経験から学んだことをまとめるブログ。好きなものはApple製品、コーヒー、革製品、デニム。More.な生活に憧れる。