特定の固定ページをサイトのトップページにする

公開:2014-11-03 / WordPress 制作・開発 / , , , ,
更新:2017-02-06

先日、WordPressでサイトトップとブログトップを共存させるで紹介したとおり、

 

ブログのトップページとは別にサイトのトップページを作って欲しい

 

というクライアントからの要件が合った場合の解決案として、以下の4つの案のうち、「home.phpというテンプレートを作成する」という方法を紹介しました。

  1. index.phpをトップページにして、社長ブログ一覧をpage.phpで作る
  2. index.phpのテンプレートに、リファラーで判断しトップページ・社長ブログの出しわけを行う。
  3. 表示設定から指定した固定ページをフロントページにする
  4. home.phpというテンプレートを作成する

 

今回は、3つ目の「表示設定から指定した固定ページをフロントページにする」について紹介します。

 

なので、目的や背景については、WordPressでサイトトップとブログトップを共存させるを参照してください。

 

実装方法

ここでは、penguinweb.netというドメインでWordPressをインストールしたディレクトリにアクセスできるようにした状態で説明します。

 

実装する前の状態で「http://penguinweb.net」にアクセスすると、以下の画面のとおり投稿記事の一覧が表示されます。

WordPressデフォルトのトップページ

 

では、まずトップページに設定したい固定ページを作成します。

ここでは、以下のとおり「トップページ」というタイトル、URLで固定ページを作成しています。

WordPress管理画面の記事編集ページ

 

作った固定ページ「penguinweb.net/トップページ」にアクセスすると、以下のとおり表示されるはずです。

当然、「http://penguinweb.net/」でアクセスしても、記事の一覧が表示されるだけで、以下の固定ページは表示されません。

WordPressのトップページにしたい固定ページ

 

それでは作った固定ページを「http://penguinweb.net/」でアクセスしたら表示されるようにします。

管理画面のメニュー「設定 > 表示設定」にアクセスしてください。

WordPressの管理画面メニュー

 

デフォルトの状態だと、フロントページの表示が「最新の投稿」に選択されています。

ここで、「固定ページ」を選択して、プルダウンから先ほど作成した固定ページ「トップページ」を選択して変更を保存してください。

WordPress管理画面の設定>表示設定

 

これで設定は完了です。

 

「http://penguinweb.net/」にアクセスすると、以下のキャプチャのとおり指定した固定ページが表示されるようになっています。

WordPressで固定ページをトップページした状態

 

これで当初の目的は達成されます。

 

ですが、このままだと今まで「http://penguinweb.net/」で表示されていた記事の一覧ページを表示することが出来ません。

 

なので、引き続き、記事一覧ページを設定していきます。

(もちろん不要であればこのままでよいです)

 

新規で記事一覧ページとなる固定ページを作成します。

 

このとき、コンテンツの内容は無視されるので、何を記述してもかまいません。(何も記述しなくでもOKです)

 

ここでは、「記事一覧」というタイトル、URLでページを作成しています。

WordPressの管理画面の固定ページ

 

次に、管理画面の「設定 > 表示設定」から、先ほど指定したフロントページ表示にある投稿ページのプルダウンで先ほど作成した「記事一覧」を指定して変更を保存します。

WordPress管理画面の表示設定

 

設定完了後、「http://penguinweb.net/記事一覧」にアクセスすると、以下のキャプチャのとおり記事一覧が表示されるようになっています。

WordPressで固定ページを記事一覧ページにした状態

 

いかがでしたでしょうか。

 

記事一覧にアクセスするために、形だけの固定ページを作成するところが、個人的にはすっきりしないのですが、WordPressでサイトトップとブログトップを共存させるで紹介した「home.phpというテンプレートを作成する」方法の懸念事項の解決はできていますので参考になれば幸いです。

 

Author:yukio iizuka
プロフィール画像
フリーランスとしてUX視点で業務支援しています。 HCD-Net認定 人間中心設計専門家 LEGO®︎ SERIOUS PLAY®︎ メソッドと教材活用トレーニング修了認定ファシリテーター Hi-Standard好きです。
http://yukioiizuka.com
mislead
MISLEADの記事に共感いただけましたら
いいねをお願いします。

コメント一覧

コメントはありません

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください



       

© yukio iizuka All Rights Reserved...