WordPressのトップページを固定ページに変更する設定手順
この記事の要点
- 固定ページを2枚用意し、表示設定で指定するだけで切り替わる
- 投稿一覧用のページは中身を空にする。書くと本文が消える
- 反映されないときの切り分けは3つ。順番を本文で解説
WordPressのトップページを固定ページに変えるには、トップページ用と投稿一覧用の固定ページを2枚つくり、管理画面の「設定」→「表示設定」で「ホームページの表示」を固定ページに切り替えます。
ただ、切り替えたあとに「メニューのホームが古いURLのまま」「ブログ記事の一覧が消えた」「設定したのに反映されない」でつまずく方がとても多いです。この記事は、そこまで含めて最後まで手を動かせるように書いています。
対象は、自社サイトのWordPressを自分で触っている広報・総務・経営者の方です。この記事では表示設定・投稿一覧の置き場所・メニュー・スラッグの操作に絞ります。インストール直後の初期設定全般はWordPress初期設定の正しい順番と必須10項目で解説しているので、これからサイトを立ち上げる方はそちらを先に読んでください。
Contents / 目次
変更で触るのは3か所だけ。全体像を先に押さえる
トップページを固定ページに変える作業で触るのは、固定ページ・表示設定・メニューの3か所です。この3か所以外はさわる必要がありません。テーマファイルの編集も、プラグインの追加も基本的には不要です。
固定ページとは、日付順に並ばない独立したページのことです。会社概要やサービス紹介のように、内容が入れ替わらないページに使います。投稿(ブログ記事)との違いはWordPress.org 日本語のサポート記事「固定ページ」でも整理されています。
| 触る場所 | やること | ここでのつまずき |
|---|---|---|
| 固定ページ | トップページ用と投稿一覧用の2枚を作って公開する | 投稿一覧用のページに本文を書いてしまう |
| 設定 → 表示設定 | 「ホームページの表示」を固定ページにし、2枚をそれぞれ指定する | 下書きのままだと選択肢に出てこない |
| 外観 → メニュー | 「ホーム」と「ブログ」のリンク先を新しいページに差し替える | カスタムリンクで直書きした旧URLが残る |
順番も大事です。固定ページを2枚公開する → 表示設定で指定する → メニューを直すの順で進めてください。逆から進めると、メニューに追加したページのURLが後から変わってリンク切れになります。
ポイント。投稿一覧用の固定ページは、タイトルだけ付けて本文を空にしたまま公開します。ここに文章を書いても表示されず、書いた内容がどこにも出ないまま残り続けます。
この章の結論として、トップページの変更は「テーマを買い替える」「制作会社に頼む」話ではなく、WordPressの標準機能で完結します。以降は、その3か所を順番に操作していきます。
トップページを固定ページに設定する手順
ここからは実際の操作です。管理画面にログインした状態で、上から順に進めてください。
ステップ1。固定ページを2枚つくって公開する
まず「固定ページ」から新規追加で2枚つくります。1枚目がトップページ用、2枚目が投稿(ブログ記事)の一覧用です。
- 1枚目のタイトルを「ホーム」または会社名などにする。スラッグ(URLの末尾)は
homeやtopなど半角英字にする - 1枚目にトップページに載せたい内容を入れて公開する
- 2枚目のタイトルを「ブログ」「お知らせ」「新着情報」などにする。スラッグは
blogやnewsにする - 2枚目は本文を何も書かずにそのまま公開する
2枚とも「公開」まで済ませてください。下書きのままだと、次のステップの選択肢に出てきません。「表示設定に固定ページが出てこない」という相談は、ほぼこれが原因です。
固定ページの中身を編集する操作そのものに不安がある方は、WordPressの編集画面の使い方|文章と画像を自分で直す手順を先に見ておくと、この後の作業が早くなります。
ステップ2。表示設定でホームページと投稿ページを指定する
管理画面の「設定」→「表示設定」を開きます。「ホームページの表示」という項目で「固定ページ」を選び、2つのドロップダウンを設定します。
- ホームページ:ステップ1でつくった1枚目(トップページ用)を選ぶ
- 投稿ページ:ステップ1でつくった2枚目(本文が空のページ)を選ぶ
選んだら「変更を保存」を押します。この時点でサイトのトップページ(https://自社ドメイン/)を開くと、指定した固定ページが表示されているはずです。
この画面の項目名や配置は、WordPressのバージョンによって表現が変わることがあります。迷ったらWordPress.org 日本語のサポート記事「静的フロントページの作成」で最新の説明を確認してください。
投稿ページを空欄のままにすると、ブログ記事の一覧ページがサイト上のどこにも存在しなくなります。記事は残っていますが、一覧からたどれなくなるので、記事を1本でも書いているサイトでは必ず指定してください。
ステップ3。ブログ一覧と記事のURLを確認する
投稿ページを指定したら、ブログ記事の一覧がどのURLで開くかを実際に確かめます。指定した固定ページを管理画面で開き、そこに表示されているURL(パーマリンク)をブラウザで開いて、記事の一覧が並ぶことを確認してください。この挙動の説明はWordPress.org 日本語のサポート記事「静的フロントページの作成」にまとまっています。
ここで確認してほしいのは、個別記事のURLが変わっていないかどうかです。切り替え前に主要な記事のURLを控えておき、切り替え後と見比べられるようにしておきます。
実際にブログ記事を2〜3本開いて、変更前に控えておいたURLと同じかどうかを見比べてください。変わっていた場合は、旧URLから新URLへの転送(301リダイレクト)を設定します。手順は次のとおりです。
- 変わった記事の「旧URL」と「新URL」を1件ずつ対で書き出す
- Redirection のようなリダイレクト設定用のプラグインを入れる。または
.htaccessにRedirect 301 /旧パス/ https://自社ドメイン/新パス/の形で1行ずつ書く .htaccessを触る場合は、編集前に必ずファイルのコピーを手元に保存してから作業する- 設定後、旧URLをブラウザに直接入力し、新URLに切り替わって表示されることを確認する
.htaccess の書き方や、設定後にページが開けなくなったときの切り分けはリダイレクトループの原因切り分けと直し方|htaccess対処で解説しています。
ステップ4。メニューのリンク先を差し替える
「外観」→「メニュー」を開き、ナビゲーションの中身を確認します。ここで見るのは「ホーム」と「ブログ」の2項目です。
- ホーム:カスタムリンクで
https://自社ドメイン/を直接指定するのが確実 - ブログ:固定ページの一覧から、投稿ページに指定した2枚目のページを追加する
- 古い項目:切り替え前に使っていた「新着情報」などのカスタムリンクが残っていたら削除する
メニューを保存したら、実際にサイト側でメニューを1つずつクリックしてください。手で入力したカスタムリンクは、リンク先が消えても見た目は正常に見えるため、クリックして初めて404に気づくケースが多いです。
ステップ5。公開前に4つのURLを開いて確認する
最後に、次の4つのURLをブラウザで開いて確認します。ここを飛ばすと、後日お客さまからの指摘で気づくことになります。
| 確認するURL | 期待する表示 |
|---|---|
| https://自社ドメイン/ | 新しいトップページ用の固定ページが表示される |
| 投稿ページに指定した固定ページのURL | ブログ記事の一覧が並ぶ。タイトルだけで本文は出ない |
| 個別のブログ記事1本 | 変更前と同じURLで開く |
| https://自社ドメイン/home/(トップ用ページの単独URL) | トップページと同じ内容が出る。メニューからは飛ばさない |
あわせて、スマホでも同じ4つを確認してください。トップページ用の固定ページは要素が多くなりがちで、PCでは整っていてもスマホで崩れることがよくあります。
トップページの中身をAIで作るときの渡し方
固定ページの「入れ物」ができても、中に何を書くかで手が止まる方が多いです。ここは生成AIに下書きをつくらせると早く進みます。
大事なのはプロンプトの作り込みではなく、何を渡すかです。次の材料をそろえてから相談してください。
- いまのサイトの文章:会社概要・サービスページのテキストをコピーして貼る
- 直近の問い合わせ内容:実際に聞かれた質問を3〜5件。ここがトップに書くべき内容の源泉になる
- 誰に読ませたいか:業種・規模・立場を一言で
- やってほしいこと:問い合わせ・電話・資料請求のどれか1つに絞る
渡し方は、この程度の短い出発点で十分です。あとはAIと会話しながら自社の状況に合わせて詰めていきます。
あなたは中小企業のWebサイト構成を設計する担当者です。
下に貼る「現在のサイト文章」と「直近の問い合わせ内容」をもとに、
トップページの構成案(見出しの並び)とファーストビューのコピー案を3パターン出してください。
・想定読者:[業種・規模を入力]
・最終的にしてほしい行動:[問い合わせ/電話/資料請求]
・使えない表現:実績数値、受賞歴(社内で確認できていないため)
現在のサイト文章:
[ここに貼る]
直近の問い合わせ内容:
[ここに貼る]
出てきた案は、次の3点だけ人の目で確認してください。
- 書かれている実績・年数・対応エリアが事実と合っているか
- 同業他社にもそのまま当てはまる文章になっていないか
- 問い合わせボタンが1画面目に見えるか
この3つが通れば、あとは公開して直しながら育てて構いません。AIを使ったサイトづくり全体の進め方はAIホームページ作成5ステップ|ツール選びとプロンプト例で解説しています。
この章の結論です。固定ページ2枚と表示設定で切り替えは完了し、残りの作業はメニューとURLの確認に集約されます。ここまでできていれば、あとは中身を育てるフェーズに入れます。
設定したのに反映されないときの切り分け順
表示設定を保存したのにトップページが変わらないときは、次の3つを上から順に確認してください。原因はほぼこの3つのどれかです。
ステップ1。キャッシュが残っていないか確認する
高速化プラグインやサーバー側のキャッシュ機能を使っていると、切り替え前のページが表示され続けることがあります。まずブラウザのシークレットウィンドウで開き直してください。それで新しいトップページが出るなら、原因はキャッシュです。
その場合は、キャッシュプラグインとサーバー管理画面の両方でキャッシュを削除します。キャッシュ設定そのものの考え方はWordPress高速化。キャッシュ設定の手順と失敗回避にまとめています。
ステップ2。テーマ側のテンプレートが優先されていないか確認する
WordPressには、どのファイルでページを表示するかの優先順位があります。トップページに使われるテンプレートの並びはWordPress開発者向けドキュメント「Template Hierarchy」のフロントページの項に記載されているので、実際の並び順はそちらで確認してください。
「設定は正しいのに、まったく別のデザインのトップが出る」場合、これを疑ってください。いま何のファイルで表示されているかは、次のコードを子テーマの functions.php の末尾に一時的に追加すると確認できます。
// 前提:子テーマの functions.php に追記する(親テーマを直接編集しない)
// 管理者でログインした状態でトップページを開き、ページのソースを表示して
// 「使用テンプレート」の行を探す
// [確認が終わったら必ずこの5行を削除する]
add_action('wp_footer', function () {
if (current_user_can('manage_options')) {
global $template;
echo '<!-- 使用テンプレート: ' . esc_html(basename($template)) . ' -->';
}
});
ここで出たファイル名を、先ほどのTemplate Hierarchyのフロントページの項と見比べてください。どのファイルが使われるかはテーマの作りによって変わります。表示設定どおりに固定ページのテンプレートが使われているのか、テーマ側の専用テンプレートが優先されているのかは、この2つを突き合わせれば判断できます。
functions.php の編集は、書き方を1文字間違えるとサイト全体が真っ白になります。編集前に必ずファイルのコピーを手元に保存し、サーバーのファイルマネージャーやFTPで元に戻せる状態にしてから作業してください。
ステップ3。テーマ独自のトップページ設定がないか確認する
テーマによっては、WordPress標準の表示設定とは別に、テーマ専用の「トップページ設定」を持っていることがあります。スライダーや特集エリアをそこで組み立てる仕組みです。
この場合、標準の表示設定を変えても見た目が変わらないことがあります。テーマ側の設定画面の名称はテーマごとに違うので、使っているテーマの公式マニュアルで「トップページ」「フロントページ」を検索して確認してください。
なお、トップページが真っ白になる、あるいはURLがぐるぐる回って開けなくなった場合は、表示設定ではなくサイトアドレスの設定やリダイレクトの記述が原因です。切り分け方はリダイレクトループの原因切り分けと直し方|htaccess対処で解説しています。
この章の結論です。反映されないときはテーマを疑う前に、シークレットウィンドウで開く→テンプレートを確認する→テーマ独自設定を見る、の順で進めれば原因がどこにあるかは切り分けられます。
固定ページに変えると何が変わるのか
トップページを固定ページにすると、一番上に何を出すかを自分で決められるようになります。標準設定では新しい投稿が上から順に並ぶため、いちばん見てほしい内容が新着記事に押し下げられていくのを止められます。
具体的に変わるのは、次の3点です。
- 訴求の順番を固定できる:何をしている会社か、誰向けか、どこから問い合わせるかを、常に同じ位置に置ける
- 問い合わせ導線を最上部に置ける:1画面目に電話番号やフォームへのボタンを常設できる。新着投稿に流されない
- 更新の負担が下がる:ブログを更新してもトップの見え方は変わらないので、記事を書く心理的なハードルが下がる
逆に、更新頻度の高いニュースサイトや、記事を読ませることが目的のメディアでは、投稿一覧のままの方が合っています。固定ページ化が向くのは、サービス紹介と問い合わせが目的の企業サイトです。
効果の大きさは業種や中身によって変わるので、ここで「問い合わせが何倍になる」といった数字は書きません。ただし、トップページの構成そのものを見直したい場合は、確認する箇所が決まっています。問い合わせが来ないホームページの原因5つと改善手順で、どこから直すかを順番に整理しています。
また、トップページのURL構成が変わった場合は、検索結果への反映までに時間がかかります。かかる期間はサイトによって大きく異なるため、いつまでにという目安は立ちません。急ぎたい場合の対応はインデックス未登録の原因と再登録の手順を参照してください。
この章の結論です。固定ページ化は「デザインを良くする施策」ではなく「一番上に置くものを自分で決める施策」です。何を置くかが決まっていないうちに切り替えても、変化は出ません。
よくある失敗と回避法
実際に相談を受けるとき、崩れているのはほぼ同じ4か所です。順に見ていきます。
投稿ページに指定した固定ページに本文を書いてしまう
「ブログ」という固定ページをつくって、そこに挨拶文や説明文を書き込んでから投稿ページに指定するパターンです。この状態にすると、書いた本文が画面に出ず、記事一覧だけが表示されることがあります。表示のされ方はテーマの作りによって変わるので、実際に開いて確かめてください。
回避策はシンプルで、投稿ページ用のページはタイトルだけにしておくことです。一覧の上に説明文を出したい場合は、テーマのアーカイブ設定や、記事一覧用のウィジェットエリアを使います。
メニューの「ホーム」が旧URLのまま残る
切り替え前のメニューに、カスタムリンクで https://自社ドメイン/index.php や /top/ のようなURLを直書きしていたケースです。表示設定を変えてもメニューは自動で更新されないので、そのまま残ります。
結果として、ロゴをクリックすると新しいトップに行くのに、メニューの「ホーム」を押すと404になる、という状態が起きます。訪問者からすると壊れているサイトに見えます。
回避策は、切り替え後に必ずメニューの全項目をクリックして回ることです。
トップページ用の固定ページに「home」以外の日本語スラッグを使う
タイトルを日本語で入力したまま公開すると、スラッグも日本語のままになることがあります。その場合、URLは長い記号の羅列(エンコードされた文字列)になります。公開前に編集画面でスラッグの実際の値を目で確かめてください。
トップページ自体は / で表示されるため気づきにくいのですが、この固定ページ単体のURLは残り続けます。誰かがそのURLを共有したり、検索エンジンが拾ったりすると、トップページと同じ内容のページが2つある形になります。
回避策は、公開する前に編集画面でスラッグを確認し、半角英字(home、top など)に直しておくことです。公開後に変えるとURLが変わるため、必ず最初に決めてください。
投稿ページのスラッグと、既存の固定ページのスラッグがぶつかる
すでに news という固定ページがあるのに、投稿ページ用に新しく news のページをつくろうとするケースです。同じ階層で同じスラッグは使えないため、意図した値のまま公開できるとは限りません。
本人は /news/ のつもりでメニューやチラシにURLを載せ、実際は違うURLになっていた、という食い違いが起きます。
回避策は次の順で進めることです。新しい固定ページを公開したあと、編集画面でスラッグの実際の値を目で確認します。意図した値と違っていたら、既存の news ページが本当に必要かを判断し、不要なら削除するかスラッグを別の値に変更します。そのうえで、新しいページのスラッグを news に付け直し、実際にそのURLを開いて表示を確認してください。
この章の結論です。失敗の4つはすべて「切り替え後に実際のURLを開いて確かめていない」ことから起きます。設定を保存した時点で終わりにせず、クリックして回る時間をとってください。
現場で見えた限界と、割り切りどころ
ここからは、手順書には書かれないけれど実際に効いてくる話です。トップページの固定ページ化には、後から効いてくるコストが3つあります。
ページビルダーで作り込むほど、テーマを変えられなくなる
トップページ用の固定ページをElementorのようなページビルダーや、テーマ独自のブロック機能で作り込むと、そのレイアウトはテーマやプラグインに紐づきます。テーマを乗り換えた瞬間、トップページだけが崩れて作り直しになります。
これは「使ってはいけない」という話ではありません。ビルダーは自分たちで更新できる大きな利点があります。ただ、作り込むほど、次のリニューアルでトップページは作り直しになる前提で判断してください。将来別のテーマへ移る可能性があるなら、トップページの構成をテキストで残しておくだけでも次が楽になります。
設定が二重管理になり、引き継ぎで迷子になる
テーマ独自のトップページ設定を使っている場合、WordPress標準の表示設定と、テーマ側の設定の2か所を見ないと全体が分かりません。担当者が代わったときに「どこを直せばトップが変わるのか分からない」となる原因がこれです。
対策としては、どちらで何を管理しているかを1枚のメモに残しておくことです。トップページのどの部分がどの設定から来ているか、固定ページなのかウィジェットなのかテーマ設定なのかを書いておくだけで、引き継ぎ時のやり取りが減ります。
「トップを変えれば問い合わせが増える」わけではない
固定ページ化はあくまで入れ物を変える作業です。載せる内容が「創業以来お客様第一で」といった一般的な挨拶文のままなら、表示が変わっても反応は変わりません。
ここは正直にお伝えしますが、いちばん時間がかかるのは設定ではなく「トップに何を書くか決めること」です。生成AIで下書きは短時間で出せますが、自社が本当に強いところ、実際に選ばれている理由を決めるのは社内の判断です。この部分だけは外注もAIも代行できません。
この章の結論です。固定ページ化そのものの設定は短時間で終わりますが、テーマ乗り換え時の作り直しと設定の二重管理という宿題が後から来ます。作り込む前に、その2つを引き受けるかどうかを決めておいてください。
よくある質問
トップページを固定ページに変えると、今までのブログ記事のURLは変わりますか
変わるのは記事一覧のURLです。個別記事のURLについては、切り替え後に記事を2〜3本開いて、変更前のURLと同じか確認してください。
表示設定に「固定ページ」の選択肢や、選ぶページの名前が出てきません
固定ページが下書きのままか、まだ1枚も作られていない可能性が高いです。「公開」まで済ませたページだけが、表示設定のドロップダウンに出てきます。作ったつもりで下書き保存で止まっているケースがとても多いので、固定ページ一覧のステータスを確認してください。
トップページ用の固定ページのスラッグは「home」にしないとダメですか
決まりはありません。半角英字であれば top でも会社名でも動きます。ただし日本語のままにするとURLが長い記号列になるので、公開前に半角英字へ直しておくのがおすすめです。公開後に変えるとそのページのURLが変わります。
テーマを別のものに変えたら、この設定は引き継がれますか
表示設定そのものはWordPress本体の設定なので引き継がれます。引き継がれないのは、テーマ独自のトップページ設定や、ページビルダーで組んだレイアウトです。テーマ変更前に、トップページの構成をテキストとスクリーンショットで残しておいてください。
投稿ページを指定しないまま運用しても問題ありませんか
ブログ記事を1本も書かない予定なら問題ありません。記事を書くなら必ず指定してください。指定しないと記事一覧ページが存在しなくなり、公開した記事にサイト内のどこからもたどり着けない状態になります。
今日やる最初の一歩
まずは管理画面の「設定」→「表示設定」を開いて、いまの「ホームページの表示」がどちらになっているかだけ見てください。そのうえで、載せる内容が決まっていないなら、直近の問い合わせメールを5件読み返すところから始めるのが近道です。
切り替えたあとの更新をどう回すかで迷っている方は、更新されないサイトの信用低下を直す更新体制の作り方|担当と頻度もあわせて読んでみてください。
設定は変えられたけれど、トップページに何を載せるか決めきれない。テーマの作りが複雑で自社だけでは触りきれない。そんなときは、コレットラボのホームページ制作・運用支援で一緒に整理できます。いまのサイトを見ながら現状を整理するだけでも構いませんので、気軽にお声かけください。ホームページ制作・運用の詳細はこちらからご覧いただけます。
無料相談
現状をお聞きし、優先順位を一緒に整理します。
予約する →