ワードプレス・作り方

2.トップページ/ブログページの設定

目安時間 4分

トップページ/ブログ一覧ページの作成と表示設定についてはこちらをご覧下さい。

2-01. トップページ用固定ページの作成
2-02. ブログ一覧ページ用固定ページの作成
2-03. トップページ/ブログ一覧ページの表示設定

2-01. トップページ用固定ページの作成

はじめに、トップページとして使用する固定ページを作成します。

本マニュアルの設定画面のサンプルは2020年10月現在WordPressに標準で実装されているエディタ、「Gutenberg(グーテンベルク)」使用時のものとなります。

5.0以前のエディター使用時の設定画面サンプルは下記よりご確認ください。
2.トップページ/ブログページの設定(Classic Editor使用)

※5.0以前のエディターで作業をするには、「Classic Editor(クラシックエディタ)」プラグインを導入してください。

Gutenberg(グーテンベルグ)の使用方法は下記記事を参考にしてください。
【初心者向け】「Gutenberg(グーテンベルグ)」の基本的な仕様と操作方法

トップページ表示サンプル

ダッシュボード左メニュー【固定ページ】→【新規作成】を開きます。

下図を参考に、①わかりやすいタイトルを入力(サイト上で表示されるタイトルではないため管理しやすいタイトルでOK)
②テンプレートより「デフォルトテンプレート」を選択③「公開」をクリックします。

ここでは、トップページとして使用する固定ページが存在していればOKのため
記事本文は空の状態で問題ありません。

これでトップページとして使用する固定ページ(※以下「トップページ」)が作成されました。

2-02. ブログ一覧ページ用固定ページの作成

次に、ブログ一覧ページとして使用する固定ページを作成します。

ブログ一覧ページ表示サンプル

ブログ一覧ページ – デモサイト

ダッシュボード左メニュー【固定ページ】→【新規作成】を開きます。
下図を参考に、①わかりやすいタイトルを入力(サイト上で表示されるタイトルではないため管理しやすいタイトルでOK)
②テンプレートより「デフォルトテンプレート」を選択③「公開」をクリックします。

トップページと同様に、ここでは、ブログ一覧ページとして使用する固定ページが存在していればOKのため、記事本文は空の状態で問題ありません。
これでブログページとして使用する固定ページ(※以下「ブログ一覧ページ」)が作成されました。

2-03. トップページ・ブログ一覧ページの表示設定

続いて、ダッシュボードメニューにてトップページ・ブログ一覧ページの表示設定を行います。
①ダッシュボード左メニュー【設定】→【表示設定】を開きます。

上図を参考に、②「固定ページ(以下を選択)」にチェックを入れ、③下記のようにページを選択。

  • フロントページ・・・「トップページ」(※上記2-01で作成したページ)
  • 投稿ページ・・・「ブログ一覧ページ」(※上記2-02で作成したページ)

→ ④ 「変更を保存」をクリックして完了です。

→ 「3.トップページの表示仕様と設定箇所」に進む


この記事を書いた人

国領きとうクリニック