新テーマ「ストークSE」をリリースしました!

フロントページを設定してサイト型に変更する方法

固定フロントページの設定

WordPressのトップページでは、下記の2種類の見せ方ができるようになっています。

  1. 最新の投稿(投稿一覧を表示)
  2. 固定ページ(特定の固定ページを表示)

 ▼最新の投稿を表示したトップページ

ブログ型

▼固定ページを表示したトップページ

サイト型

WordPressの初期状態では、(1)のようなブログ型のトップページが表示されますが、この記事では、(2)のようなサイト型のトップページ(フロントページ)を設定する方法を紹介します。

固定フロントページの設定

以下にて、固定フロントページ(トップページを固定ページで表示する)の設定方法を解説します。なお、工程の順番に決まりはありません。

1.フロントページを作成

まずは、管理画面の【固定ページ > 新規追加】から、トップページとして表示する固定ページ(フロントページ)を作成します。ブロックエディタでコンテンツを作成していきます。

トップページ用のコンテンツを作成

ストーク19やストークSEであれば、ページ作成に便利なプリセットパターンを利用できます。

完成したら「公開」状態にしておきましょう。

2.投稿ページを作成

WordPressの初期状態ではトップページに最新の投稿(投稿一覧)が表示されますが、トップページを固定ページに変更した場合、投稿一覧が表示される場所が無くなってしまいます。

そのため、フロントページとは別に投稿一覧を表示するためのページも必要になります。

管理画面の【固定ページ > 新規追加】から、投稿一覧を表示するための固定ページ(投稿ページ)も作成しておきましょう。

投稿ページは投稿一覧を表示するためのページを意味しており、単一の投稿記事ではありません。

作成するのは空ページでOK

次の工程で「フロントページ」と「投稿ページ」の設定方法を解説します。

2.フロントページと投稿ページの設定

管理画面の【設定 > 表示設定】を開きます。「ホームページの表示」のオプションで「固定ページ」を選択します。

「ホームページ」には、工程1で作成した固定ページ(フロントページ)を選択します。

そして「投稿ページ」には、工程2で作成した固定ページ(投稿ページ)を選択します。

ホームページ選択した固定ページがトップページになります。
投稿ページ選択した固定ページに投稿一覧が表示されます。

投稿ページには投稿一覧のみ表示されるため、固定ページ内のコンテンツは差し替わります。

以上のように設定することで、フロントページと投稿ページがサイトに反映されます。実際にブラウザで見え方を確認してみましょう。

なお、投稿ページはグローバルナビなどにリンクを設置して、閲覧者がアクセスできるようにしておきましょう。

以上、フロントページを設定してサイト型に変更する方法の紹介でした。

NEWモデル

STORK SE

よりコンテンツに集中させるテーマ
STORK SE(ストークSE)

STORK SEはシングルカラム(1カラム)に特化したテーマなので、より訴求力の高いページやブログ記事を作成するのに向いています。

究極のモバイルファーストテーマ
STORK19(ストーク19)

ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。