WordPressのトップページを編集する方法｜固定ページ・サイトエディター別

WordPressのトップページを編集したいのに、固定ページを直すのか、外観のサイトエディターを使うのか分からないことがあります。原因は、トップページの表示設定、テーマの種類、ページビルダーによって編集場所が変わるためです。

最初に現在の方式を特定すれば、別のページやサイト共通テンプレートを誤って変えるリスクを減らせます。この記事では、編集場所の判定から方式別の操作、反映されない場合の確認まで説明します。

WordPressのトップページ（フロントページ）とは

トップページは、サイトのルートURLへアクセスしたときに表示されるページです。WordPressの管理画面では「ホームページ」や「フロントページ」と表記されることがあり、最新投稿一覧または指定した固定ページを表示できます。

ページ本文と外枠は別の場所に保存される場合があります。たとえば固定ページに見出しや画像があり、ブロックテーマのFront Pageテンプレートがヘッダー、フッター、投稿一覧の配置を決める構成です。

Elementorで作られた固定ページは、通常のブロックエディターではなく「Elementorで編集」から開きます。ウィジェットやコンテナの基本操作は「Elementorの使い方」で確認してください。

トップページの編集場所を確認する

最初に「設定」→「表示設定」の「ホームページの表示」を確認します。その後、外観メニューと固定ページ一覧を見れば、主な編集場所を判定できます。

確認結果	主な編集場所	変更される範囲
最新の投稿を選択	Homeテンプレートやテーマ設定	投稿一覧の外観・並び方
固定ページを選択	指定された固定ページ	トップページ固有の本文
外観にエディターがある	サイトエディターのテンプレート・パーツ	サイト共通またはページ種別の外枠
外観にカスタマイズがある	カスタマイザー・テーマ設定	テーマが提供する範囲
固定ページにElementorの表示	Elementor編集画面	ビルダーで作った本文

ヘッダーだけを直したい場合、固定ページ本文ではなく共通パーツを編集します。編集範囲を混同しないよう、詳しい操作は「ヘッダーの編集」で確認できます。

判定後は、変更前の画面名、選択されているページ名、使用テンプレートをメモします。管理画面の表示名はWordPressやテーマの更新で変わることがあるため、同じ場所が見つからなければ使用中テーマの公式説明も確認してください。

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

会社案内やサービス導線を固定して表示したい場合は、トップ用と投稿一覧用の固定ページを分けて用意します。投稿ページに指定した固定ページの本文は通常表示されず、投稿一覧の入れ物として使われます。

設定手順は次のとおりです。

1. 「固定ページ」→「新規追加」でトップ用ページを作成・公開する
2. ブログ一覧が必要なら、別に空の固定ページを作成・公開する
3. 「設定」→「表示設定」を開く
4. 「ホームページの表示」で固定ページを選ぶ
5. ホームページと投稿ページに別々のページを指定する
6. 変更を保存し、ログアウト状態のルートURLで確認する

同じページをホームページと投稿ページの両方へ指定しません。切り替え後も旧ページがメニューに残ることがあるため、ナビゲーションも確認します。

固定ページのトップページを編集する

「固定ページ」一覧から、表示設定で選ばれているページを開きます。タイトルだけで判断せず、一覧の表示やページURLも確認してください。

編集は小さな単位で行います。

• リストビューでブロック構造を確認する
• 再利用される同期パターンかどうか確認する
• 見出しレベルとリンク先を点検する
• プレビューを新しいタブで開く
• PC幅とスマホ幅で崩れを確認する

同期パターンを変更すると、そのパターンを使う別ページにも反映されます。編集画面上部のテンプレート名も確認し、本文とテンプレートを取り違えないでください。ページそのものの作成や公開状態は「固定ページの作り方」で詳しく整理できます。

ブロックテーマでトップページを編集する

ブロックテーマでは「外観」→「エディター」からサイトエディターを開けます。WordPress公式によると、サイトエディターはブロックテーマで利用でき、テンプレートとヘッダー・フッターなどのテンプレートパーツを管理します。

トップページの外枠を変える流れは次のとおりです。

1. 「外観」→「エディター」→「テンプレート」を開く
2. Front PageまたはHomeテンプレートを確認する
3. リストビューで投稿コンテンツ、クエリーループ、テンプレートパーツを見分ける
4. 必要なブロックだけを編集する
5. 保存画面に出る変更対象を確認して保存する

Front Pageテンプレートはフロントページ専用、Homeテンプレートは主にブログ投稿一覧用です。サイトエディターにFront Pageテンプレートが存在すると「設定」→「表示設定」の選択にかかわらずフロントページ用として優先されるため、選択した固定ページの本文を直しても外観が変わらないときはFront Pageテンプレート側を確認します。

サイトエディターでヘッダーやフッターを保存すると、そのパーツを使う複数ページへ反映されます。トップページだけ変えたいときは、専用テンプレートを複製するか、ページ本文側で完結できないかを先に判断してください。

クラシックテーマでトップページを編集する

クラシックテーマでは、トップページ本文は固定ページ、周辺の設定はカスタマイザーやテーマ独自画面に分かれることがあります。まず固定ページを開き、それで対象要素を選択できない場合に「外観」→「カスタマイズ」やテーマ設定を確認します。

テーマによっては、トップページ専用テンプレート、ウィジェットエリア、セクション管理画面を備えています。すべてのテーマに同じ項目があるわけではありません。親テーマのfront-page.phpやhome.phpを直接編集する方法は、更新で上書きされるため初心者の標準手順には向きません。

カスタマイザーで変更する場合も、公開前にPC・タブレット・スマホのプレビューを確認します。ただしプレビュー幅は目安なので、保存後に実機でも確認してください。

ページビルダーで編集する場合

固定ページ一覧または管理バーに「Elementorで編集」などのボタンがある場合は、最初にそのビルダーで作られたページかを確認します。別のエディターで保存すると、レイアウトを崩す可能性があります。

Elementorでは、固定ページ一覧から対象ページの「Elementorで編集」を選びます。ブログの投稿ページとして指定したアーカイブは、通常の固定ページと同じように編集できない場合があります。ヘッダー・フッターがTheme Builder側にある構成では、固定ページ本文とは編集場所が別です。

ビルダーの更新前には互換性と復元手段を確認し、編集中に読み込みが止まる場合は、ブラウザーキャッシュ、拡張機能、他プラグインとの競合を検証環境で切り分けます。

トップページに掲載する基本コンテンツ

トップページの作り方は、装飾より先に訪問者が判断する順序を決めることが重要です。掲載候補を次の5群で棚卸しします。

役割	内容例	確認点
対象と価値	誰の何を解決するか	最初の画面で意味が通るか
主要情報	サービス、製品、記事カテゴリー	選択肢が多すぎないか
信頼情報	会社概要、運営者、実績の根拠	更新可能な事実か
行動導線	問い合わせ、資料、購入、記事閲覧	ボタン名とリンク先が一致するか
補助情報	お知らせ、FAQ、所在地	主目的を邪魔しないか

各要素を詰め込まず、重要度の低い情報は下層ページへ分けます。サイト全体のページ構成や役割は、トップページ単体ではなく設計する必要があります。

ページ同士の優先順位や導線まで見直す場合は「ホームページ全体の設計」で整理できます。

トップページが変わらない・編集できない場合

更新後も見た目が変わらないときは、別の編集場所を直していないかを最初に調べます。

1. 表示設定のホームページ名と編集した固定ページ名を照合する
2. シークレットウィンドウでルートURLを開く
3. ブラウザー、キャッシュプラグイン、サーバー、CDNの順にキャッシュを確認する
4. 使用中テンプレートとテンプレートパーツを確認する
5. ページビルダーの編集履歴や生成CSSを確認する
6. 権限不足や保存エラーがないか確認する

ログイン中だけ変わる場合はキャッシュ除外、特定端末だけ崩れる場合はCSSとレスポンシブ設定を疑います。公開画面のHTMLに新しい文言が含まれるかを見ると、保存の失敗と表示上の問題を分けられます。

編集前のバックアップと注意点

変更前に、復元地点と変更範囲を用意します。データベースだけでなく、テーマ、プラグイン、アップロード画像を含むバックアップが必要です。サイトエディターには変更履歴やリセット機能がありますが、サイト全体の復旧手段の代わりにはなりません。

保存前後で次を確認してください。

• フォーム送信と自動返信
• メニュー、ロゴ、電話リンク
• スマホの横スクロール
• 主要ボタンのリンク先
• 表示速度と大きな画像
• noindexなど検索設定の意図しない変更

変更日時、編集した画面、戻し方を記録すると、後から原因を追いやすくなります。

よくある質問

まとめ

WordPressのトップページ編集では、表示設定、テーマの種類、ページビルダーの有無から編集場所を特定することが先決です。固定ページの本文、サイトエディターのテンプレート、テーマ設定は変更範囲が異なります。

編集前にバックアップと現在の設定を記録し、保存対象を確認してから変更します。公開後はログアウト状態とスマホ実機で主要導線まで点検すると、別ページの編集やキャッシュによる見落としを防げます。