カスタマイズ

【WordPress】トップページを固定ページにする方法|記事一覧を別ページに表示する方法もご紹介

記事内に商品プロモーションを含む場合があります
ブログ初心者

ブログのトップページを記事一覧じゃなくて、サービス紹介ページにしたいんですがどうしたらいいですか?

こんな疑問にお答えします。

オンラインで商品やサービスを提供されている方は特に、一番目立つトップページを「商品・サービス紹介ページ」にしたいケースも多いと思います。

WordPressでは、サービスページのような「固定ページ」をトップページに設定できるので、今回はその設定方法を解説します。

また、固定ページをトップページにした場合に「ブログ記事一覧」を別ページに表示する方法についてもあわせてご紹介します。

トップページを固定ページにする方法

1. トップページ用の固定ページを作成する

まずは、トップページに表示するサービス紹介ページなどを「固定ページ」で作成しましょう。

固定ページの書き方は以下の記事をご覧ください。

固定ページを作成・公開したら、次の表示設定に進んでください。

2. 表示設定を変更する

① 管理画面から設定>表示設定に進みます。

ホームページの表示①固定ページにチェックをして、②「ホームページ」にトップページ用に作った固定ページを選択した後、③[変更を保存]します。

固定ページ一覧を見ると、トップページに設定した固定ページは後ろに「フロントページ」と表示されています。

トップページも変わっていると思いますので、確認してみてください。

これでトップページに固定ページを表示する設定は完了です。

しかしトップページを固定ページにしたので、これまでトップページに表示されていた新着記事一覧が見られなくなってしまいました。

記事一覧を別ページに表示する場合は以下の方法で設定を進めてください。

記事一覧を別ページに設定する方法

1. 記事一覧用の固定ページを作る

まずは、記事一覧を表示するための固定ページを作成します。

① 管理画面から固定ページ>新規作成に進み、新規固定ページを作成します。

②  固定ページにタイトルパーマリンクを設定して[公開]します。

  1. タイトル:自分で記事一覧とわかるページ名を入力
    (記事一覧、ブログ、新着記事など)
  2. パーマリンク:記事一覧ページのURLスラッグを入力
    (blog、blog-newなど)

本文には何も書かなくて大丈夫です。

タイトルは表示されないので何でも良いのですが、設定する際に自分がわかるタイトルをつけると良いでしょう。

どちらもブログの新着記事一覧とわかるものがおすすめです。

記事一覧用の固定ページを公開したら、再び表示設定を行います。

2.表示設定を変更する

① 管理画面から設定>表示設定に進みます。

② ホームページの表示で ①「投稿ページ」に先ほど記事一覧用に作った固定ページを選択した後、②[変更を保存]します。

固定ページ一覧を見ると、投稿ページに設定した固定ページは後ろに「投稿ページ」と表示されています。

「表示」をクリックすると、記事一覧のページが表示されますので確認してみてください。

ブログ初心者

あの、ページは出来たみたいですが
ブログを見ても記事一覧のページがどこにもないんですけど?

ミミズクさん

このあと記事一覧ページへのリンクを設定するから安心してね

記事一覧のページは固定ページなので、ブログ内に記事一覧ページへのリンクを設定する必要があります。

続けて設定していきましょう。

グローバルナビに記事一覧へのリンクを追加する

グローバルナビにリンクを追加するケースが多いと思いますので、以下を参考に設定してください。

外観>メニューからグローバルナビを選択して、固定ページにある記事一覧ページ[メニューに追加]します。

並び順とナビゲーションラベルを変更して[メニューを保存]します。

※ナビゲーションラベルはグローバルナビに表示される項目名です。

グローバルナビの追加方法について詳しくは下記をご参照ください。

これで、記事一覧別ページに表示する設定は完了です。


トップページを見ると固定ページが表示されて、記事一覧ページへのリンクも設定されています。

まとめ

今回は、トップページを固定ページにする方法と、別ページに記事一覧を表示する方法を解説しました。

サービスページなどの固定ページをトップページにしたい方の参考になれば幸いです。

どうしても設定方法が分からない、代わりに設定して欲しいという時は、Dressingのブログお悩み相談をご利用ください。あなたのご質問にチャットでお答えします。

ブログお悩み相談受付中


Dressingでは、ブログ作成中の疑問やお悩みにチャットを使ってお答えしています。

こんなお悩みありませんか?

  • WordPressが思ったより難しくて挫折しそう
  • 使い方が分からない、なぜか上手くいかない
  • 自分のブログはこのままでいいの?

など、お困りの際はお気軽にご相談ください。

今すぐ解決!