1. HOME
  2. マニュアル
  3. たらとろWPテーマ設定
  4. 【WP標準+twp】固定ページの作成とフロントページの設定

【WP標準+twp】固定ページの作成とフロントページの設定

2017.1.18  たらとろWPテーマ設定

所要時間の目安:約10分〜

WordPressでは「会社概要」や「問い合わせページ」のように常に同じ場所に表示させるページのことを「固定ページ」と言います。(ブログのように新しい記事を作るとどんどん後ろに流れていくページは「投稿」といいます)

ホームページ上で表示されるメニューを作るには予めページが作成されている必要がありますので、内容はあとから埋めるとしてまずはタイトルだけ作ってしまいましょう。

こちらのページの内容はWordPress 4.xの画面で作成していますが、WordPress 5.xから投稿画面の見た目が大きく変わりました(Gutenberg)。といっても編集する内容自体は特に変わりません。

4.xまでの旧タイプの投稿画面を使いたい場合は、プラグインから「Classic Editor」を新規追加すれば使うことができます。(いずれバージョンアップは終了するという予告あり)

↓動画での説明はこちら(「ブログ」や「お知らせ」の機能を使わない場合はそちらの手順は飛ばしてください)

1.サンプルページの削除

左メニューから「固定ページ」をクリックします。WordPressをインストールした時点でサンプルページが1つ作成されていますが、こちらは不要なので「ゴミ箱へ移動」をクリックします。

固定ページの作成

2.新規ページの追加(HOME)

「新規追加」をクリックして新しいページを用意します。

固定ページの作成

タイトル欄にHOMEと入れ、「公開」をクリックします。

固定ページの作成

3.ブログ用トップページの作成

※ブログを作らない場合はこちらの手順は飛ばしてください。

もう一度「新規追加」をクリックし、今度はブログのトップページ用のページを作ります。
タイトルに「ブログ(またはBlog)」と入れ、パーマリンクの「編集」ボタンをクリックします。

※タイトル入力後、本文エリアをクリックするとパーマリンクが表示されます。

WordPress 5.x以降のGutenbergエディタでは、投稿画面で右上の設定→「文書タブ」をクリックし、下にスクロールすると「パーマリンク」(URL/スラッグ)があります。

固定ページの作成

パーマリンクを「blog」と書き替え、「公開」をクリックします。
このページには自動的にブログの最新記事が表示されるので、本文エリアは空のままでOKです。

ブログトップ用

4.お知らせ用トップページの作成

※お知らせを使用しない場合はこちらの手順は飛ばしてください。

再度「新規追加」をクリックしタイトルに「お知らせ」と入れ、パーマリンクを「news」と書き替え、「公開」をクリックします。

固定ページの作成

5.その他の固定ページの作成

その他、必要に応じてページを作成していきます。パーマリンクはページの内容がわかるような英数字にします。

固定ページはあとから削除することも増やすこともできますので、まずは大枠をつくるつもりで作成していきます。

固定ページの作成

こんな感じでページを作成してきます。(この時点ではページの内容は空でOK)

固定ページの作成

6.フロントページの設定

ここではHOMEとブログのトップページ(フロントページ)を設定します。

左メニューの「設定」→「表示設定」の「フロントページの表示」で「固定ページ」にチェックを入れます。

「フロントページ」は先ほど作成した「HOME」を選択します。
「投稿ページ」は先ほど作成した「ブログ」を選択します。(ブログを使わない場合は未選択でOKです)

「変更を保存」をクリックします。

フロントページの設定

WordPress 5.x でGutenbergを使用した場合、一度公開した記事に変更を加えても、プレビューが反映されないことがあるようです。その場合も更新をクリックすると変更はちゃんと反映されています。バグのようですので、今後のマイナーバージョンアップで改善されていくのではと思います。

2019.4.16 なかなか改善されないので一時的な対応方法をご案内しています。

続いて上記で作成した固定ページでメニュー(ページ上部のナビゲーション)を作っていきます。

Pocket