WordPressのトップページは、最新記事一覧のまま使う方法と、作成した固定ページを表示する方法があります。会社サイトやサービス紹介サイトのように、最初に見せたい内容が決まっている場合は「設定」→「表示設定」で固定ページを指定します。

最初に結論

先に「ホーム」と「ブログ」用の固定ページを2枚作り、「設定」→「表示設定」→「ホームページの表示」で「固定ページ」を選びます。ホームページに「ホーム」、投稿ページに「ブログ」を指定して保存します。同じページを両方へ指定しないことが重要です。

この記事でできること
  • 固定ページをトップへ設定する
  • 記事一覧を別ページへ残す
  • 表示が崩れた時に元へ戻す

先に2つの固定ページを用意する

トップ用の「ホーム」と、投稿一覧用の「ブログ」を分けて作ります。「固定ページ」→「新規固定ページを追加」からそれぞれ公開してください。ブログ用ページの本文は空でも構いません。WordPressがそのURLへ投稿一覧を自動表示します。

ページ 役割 本文
ホーム 最初に見せる案内 見出し、サービス、プロフィール、導線
ブログ 投稿一覧の置き場所 原則空でよい
ミカ
ミカ

ブログ用ページに何を書けばいいか分かりません…。
空っぽで公開するのは、ちょっと変な感じがします。

佐藤さん
佐藤さん

空で大丈夫だよ。
投稿ページに指定すると、WordPressが記事一覧を入れてくれるからね。

ミカ
ミカ

WordPressが入れてくれるんですね。
私が記事カードを一つずつ並べるのかと思っていました。

佐藤さん
佐藤さん

そこは任せていいんだよ。
ミカさんはホームに見せたい案内だけ、ゆっくり作ればいいよ。

表示設定でホームを指定する

  1. 「設定」→「表示設定」を開く
  2. 「ホームページの表示」で「固定ページ」を選ぶ
  3. ホームページ欄に「ホーム」を選ぶ
  4. 投稿ページ欄に「ブログ」を選ぶ
  5. 「変更を保存」を押す

同じ固定ページを両方へ指定できない場合や、候補に出ない場合は、対象ページが公開済みか確認します。下書きのページは読者が見られません。

メニューとURLを整える

トップページを変えても、メニューが自動で理想の順番になるとは限りません。「外観」→「メニュー」またはサイトエディターのナビゲーションで、「ホーム」と「ブログ」へのリンクを追加します。

トップはドメイン直下、投稿一覧は /blog/ などの固定ページURLになります。ホームページ本文に「新着記事」ブロックを置けば、固定ページでも最新記事を見せられます。

ミカ
ミカ

設定したらトップは変わりました!
でも、前の記事一覧がどこへ行ったのか一瞬分からなくなりました…。

佐藤さん
佐藤さん

驚くよね。でもブログページに残っていれば大丈夫だよ。
次はメニューにそのページを加えようか。

ミカ
ミカ

メニューから開けました、よかったぁ。
これなら読みに来た人も迷わなそうです。

元へ戻す方法と成功確認

元の投稿一覧へ戻す時は、「設定」→「表示設定」で「最新の投稿」を選び直します。固定ページ自体を削除する必要はありません。

  • ドメイン直下でホームの内容が見える
  • ブログページで投稿一覧が見える
  • メニューから両方へ移動できる
  • スマホでボタンや画像が横にはみ出さない
ミカ
ミカ

スマホで見ると、ホームのボタンが少し横へ出ています…。
設定は合っているのに、失敗した気分になります。

佐藤さん
佐藤さん

設定は合っているよ。
それはページのレイアウトだから、ボタンの幅を画面内に収めれば大丈夫だね。

ミカ
ミカ

トップとブログの両方を開けました。
まだメニューの順番は悩むけど、記事が消えていなくて安心しました。

佐藤さん
佐藤さん

今日はそこまでできたら十分だよ。
順番は読者になったつもりで、あとから何度でも直せるからね。

トップページへ載せる内容の優先順位

固定ページをトップへ設定できても、情報を詰め込みすぎると読者が次に進めません。最初の画面では「誰向けのサイトか」「何ができるか」「次に押す場所」の三つを示し、その下に代表的な記事、運営者情報、お問い合わせへの導線を置きます。

公開後は、ホームのボタンを一つずつ押し、リンク先が下書きや管理画面になっていないか確認します。新着記事ブロックを使う場合は、記事0件のカテゴリーを指定して空白になっていないかも見ます。

失敗した時の戻し方

表示設定を「最新の投稿」へ戻せば以前のトップへ戻ります。作った固定ページを削除する必要はありません。元へ戻したあとでホームページの本文を直し、準備できてから再指定できます。

この環境で続けにくいと感じたら

固定ページの設定だけなら現在のサーバーで進められます。複数サイトの管理や、WordPressの作成・バックアップ・復元を一つの管理画面で行いたい場合は、運用画面の分かりやすさもサーバー選びの比較軸になります。

ConoHa WING

ConoHa WING

固定ページ運用とWordPress管理機能の扱いやすさを重視する人が比較できる候補です。

向いている人: 固定ページ運用とWordPress管理機能の扱いやすさをサーバー選びの条件にしたい人

購入不要な人: 現在の環境で今回の操作を完了でき、管理やサポートにも不満がない人

料金・特典・提供機能は契約時期により変わります。必ず公式ページで最新条件をご確認ください。

ConoHa WINGの公式情報を見る
エックスサーバー

エックスサーバー

固定ページ運用とWordPress管理機能の扱いやすさを重視する人が比較できる候補です。

向いている人: 固定ページ運用とWordPress管理機能の扱いやすさをサーバー選びの条件にしたい人

購入不要な人: 現在の環境で今回の操作を完了でき、管理やサポートにも不満がない人

料金・特典・提供機能は契約時期により変わります。必ず公式ページで最新条件をご確認ください。

エックスサーバーの公式情報を見る

広告・PRを含みます。料金・特典は公式ページで最新条件をご確認ください。

よくある質問

投稿ページに指定した固定ページの本文が表示されません

正常な動作です。投稿ページに指定すると、その固定ページの本文ではなく投稿一覧が表示されます。

ホームページが候補に出ません

固定ページが公開済みか確認します。投稿や下書きは候補になりません。

元の最新記事一覧へ戻せますか?

表示設定で「最新の投稿」を選び直せば戻せます。作成した固定ページはそのまま残せます。

最後に確認すること

ドメイン直下にホーム、指定したブログURLに投稿一覧が表示され、メニューから両方へ移動できれば完了です。ログアウト状態とスマホでも同じ導線を確認します。