MENU
姉妹サイト

パチヤメ(ギャンブル依存症問題を解決ブログ)

WordPressでの固定ページの作り方&設定方法を初めての人向けに解説

当サイト記事のリンクは一部に広告が含まれます。
WordPressでの固定ページの作り方&設定方法を初めての人向けに解説
イブスター店長

「当ブログについて」とか、そういう記事じゃないページはどうやってつくればいいんだ?

ブログの記事ではないページのことを「固定ページ」といいます。

本記事では、この固定ページの作り方と設定方法をわかりやすく解説していきます。

この記事でわかること
  • WordPressでの固定ページの作り方&設定方法
ミナト

WordPressには、記事とはべつに、ブログそのものに関するページをつくれる機能が用意されています

それが「固定ページ」というものです。

ブログに設定必須のものもあるので、固定ページの使い方の基本を解説していきます。

「固定ページを作成→ブログに表示させる」という手順をお話ししていきます。

イブスター店長

最後まで読んで、固定ページの使い方をマスターしていってくれ

記事を書く「エディター」を使う練習にもなるので、ここで基礎を学んでいってくださいね。

著者プロフィール
ミナト

ミナト

ブログ歴7年目の兼業ブロガー。月間PVは最高11万、ブログ収益は月20万円を達成。ブログで夢を叶えるのを目標に日々まい進中。ひとりでも多くの「うだつの上がらない生活から抜け出したい」と思う方のお役に立ちたいと思っています。>> プロフィール詳細はこちら

目次

WordPressの固定ページとは

WordPressの固定ページとは?

設定方法を見ていくまえに、WordPressの固定ページとは何なのかを説明しておきます。

ミナト

固定ページとは、基本的には記事とは関係ない、独立したページのことをいいます

たとえば以下のようなものが固定ページでよく使われます。

  • 当ブログについて
  • 著者プロフィール
  • お問い合わせ
  • プライバシーポリシー

固定ページは、このようなブログそのものにかかわる情報を書いておけるものです。

内容がいつも固定されているから「固定ページ」と、覚えておきましょう!

イブスター店長

それで、とくに重要なのが、「お問い合わせ」と「プライバシーポリシー」のページだな

お問い合わせやプライバシーポリシーは、ブログを運営するうえで必須となるものです。

記事を書き始めるまえに設定しておきたいものなので、まずは固定ページをつくる基礎から習得していきましょう。

ちなみにブログのトップを固定ページにして、サイトの案内所のような使い方をすることもできます。

固定ページを活用すれば、ブログのデザインも変えていけますよ。

WordPressの固定ページの作り方と設置手順

WordPressの固定ページの作り方と設置手順

それでは、ここからは、固定ページの設定方法を解説していきます。

ミナト

WordPressのテーマは「Cocoon」の場合で見ていきます

固定ページは、じつは作成しただけでは表示されないものなので、

①固定ページを作る → ②固定ページを設置する

と、作成から表示させるまでのやり方をここでおぼえていってください。

なおWordPressのエディター(記事作成画面)には、以下の2種類があります。

  1. クラシックエディタ(旧式:テキストがメイン)
  2. ブロックエディタ(デフォルト:直感的な操作ができる)

現在はブロックエディタが主流なので、エディターは「ブロック」で解説を進めていきます。

イブスター店長

クラシックエディタは、メモ帳に書くような感じで、テキストがメインなら使いやすいと感じるかもしれない

でも使い方をイチからおぼえていくなら、主流のブロックエディタのほうがいいですよ。

クラシックよりもふつうに使いやすいので、エディターはデフォルトのままがおすすめです。

1. 新規追加から固定ページを作成する

ワードプレスの固定ページの項目

WordPressで固定ページをつくるのはカンタンです。

ダッシュボードの「固定ページ」の項目にマウスカーソルを置くと、以下の2つがでてきます。

  • 固定ページ一覧
  • 新規追加(新規固定ページを追加)

下の「新規追加(新規固定ページを追加)」を押してください。

ワードプレスの固定ページの作成画面

すると、固定ページの新規作成画面が表示されます。

イブスター店長

この画面がエディター(ブロックエディタ)だな

ふつうの記事も固定ページも、このエディターを使用して作成していきます。

ブロックエディタのタイトルと文章の入力欄

ブロックエディタの左側は、赤枠のタイトル入力欄と、青枠の本文入力欄となっています。

ブロックエディタの右側

右側には「下書き保存」や「プレビュー」、「記事を公開する」などを選べるボタンがあります。

ブロックエディタにタイトルを入力

そして記事ページの作成ですが、まずはタイトル入力欄にページの題名を入力してください。

ミナト

今回は「当ブログについて」という固定ページをつくることにします

固定ページのパーマリンク

タイトルを入力すると、自動でリンク(パーマリンク:記事のURLになる部分)が変更されます。

しかしパーマリンクは英語推奨で、日本語のままではよくありません。

これを変更するので、赤線を引いた「リンク」の青文字部分を押しましょう。

固定ページのパーマリンク編集画面

青文字部分を押すと、画像のように、左側にリンクを変更できる小窓がでてきます。

固定ページのパーマリンクを日本語から英語に変更

赤枠内を任意のものに変更し、それができたら、小窓以外の部分か「×」印をクリックしてください。

イブスター店長

ちなみにパーマリンクは、記事(ページ)の意味がわかるものにしたほうがいいぞ

「当ブログについて」なら、パーマリンクは「about」などがいいと思います。

あとは、固定ページの本文を書いていき、ページが完成したら「公開」を押せば作成は完了です。

ただ今回は、本文なしでいいので、このまま「公開」を押してページをつくってみましょう。

最初は本文なしでページだけの作成をオススメするのは、固定ページの使い方をおぼえるためです。

イブスター店長

本文を書くのはあとからでも全然OKだ

タイトル入力 → パーマリンク変更 → 公開ボタンを押す

これだけで固定ページはつくれます。

それができたら、記事を読み進めて、固定ページを表示させる設定もしてみてください。

ミナト

なお固定ページに書く本文は、それぞれ別記事で解説する予定です

本文もいっしょに書きたいときは、以下のリンクから書き方を習得していってください。

エディターの使い方(今後公開予定)とあわせてどうぞ。

ワードプレスの固定ページ一覧の項目

作成が完了したら、ダッシュボードから「固定ページ → 固定ページ一覧」と進んでみてください。

作成した固定ページ一覧画面

「固定ページ」の画面では、作成したページを一覧で確認できるようになっていますよ。

ミナト

このとおり、固定ページの作成自体はカンタンにできます

本文はあとからでも大丈夫なので、まずは固定ページをつくるだけつくってみましょう。

固定ページは一覧画面から削除もできるので安心してください。

2. メニューを作成して固定ページを設置する

固定ページは、作成後は設置しなければブログに表示されません。

ここからは、固定ページを表示させるための「メニューの作成と設置方法」を解説していきます。

ブログにメニュー欄をつくり、そこに固定ページを入れていきます。こうすることで、固定ページが画面上部やサイドメニューに表示されます。

ワードプレスの外観とメニューの項目

まずはWordPressのダッシュボードから「外観 → メニュー」と進んでいきましょう。

ワードプレスのメニュー画面

この画面でメニュー設定ができるのですが、初期状態ではメニューは作成されていません。

メニュー選択タブの右側にある「新しいメニューを作成しましょう」を押してください。

ワードプレスのメニュー作成画面

メニューを作成する画面が表示されたら、以下を参考に入力していってください。

メニュー名自分がわかりやすい名前をつける。メインとかメニュー1とか、そんな感じでOK
メニュー設定メニューを表示させたい場所にチェックを入れる。ヘッダーメニューはブログの画面上部、フッターメニューはブログの画面下部など
イブスター店長

まずはオーソドックスに、ヘッダーメニューからつくってみよう

入力ができたら「メニューを作成」を押します。

ワードプレスのメニューの画面

それができると、「編集するメニューを選択」に、作成したメニューが表示されるようになります。

メニュー項目を追加

あとは、作成したメニューを選択した状態で、

画面左側の「メニュー項目を追加」→ 固定ページ→「すべて表示」

と選択すれば、作成してある固定ページがすべて表示されます。

メニューとして表示させたいものを選んで「メニューに追加」を押しましょう。

メニューに追加した固定ページ

固定ページをメニューに追加すると、「メニュー構造」のなかに表示されるようになります。

ここまでできたら、最後に「メニューを保存」を押してください。

ブログのヘッダーメニューに表示された固定ページ

ブログの画面にもどってみると、このとおり!

ブログの上部(ヘッダー)に固定ページが表示されるようになりました。

イブスター店長

なるほどな。ちなみにブログの下部にメニューを表示させたいときはどうするんだ?

フッターメニューの作成

メニューをブログの下のほうにも表示させたい場合ですね。

これもさきほどとおなじ要領で、「新しいメニューを作成しましょう」からメニュー作成に進みます。

メニューに任意の名前をつけたら、位置を「フッターメニュー」にして「メニューを作成」。

作成したフッターメニュー

フッターメニューを選択した状態で固定ページを「メニューに追加」し、最後に「メニューを保存」すればOKです。

ブログのフッターメニューに表示された固定ページ

Cocoonではこのように、フッターメニューは画面右下に表示されるようになっていますよ。

今回のまとめ

  • 固定ページはブログそのものに関する情報を書いておける
  • ページの作成にはエディターを使う
  • 固定ページは作成しただけでは表示されないので、メニューをつくって設置する

ブログの固定ページは、記事とはべつに、ブログそのものの情報を書いておけるものです。

「お問い合わせ」や「プライバシーポリシー」など、ブログを運営していくのに必須のものもあります。

解説どおりに進めていけば設定できるので、じっさいにやってみてください。

イブスター店長

固定ページをつくる作業でエディターを使うから、ふつうの記事を書く練習にもなるぞ

記事のまえに固定ページです。

そして本文はあとからでもいいので、ためしに固定ページをつくって設定してみることです。

もちろん、以下のように順番が逆でも全然大丈夫ですが、

エディターの使い方や固定ページで書く内容を学ぶ → ページを完成させてから設定する

難易度的に、固定ページの設定をさきにいじってみたほうがカンタンです。

おすすめなのは、固定ページをためしにつくってみて、設定だけしてみることです。

こちらもオススメ

WordPressでブログを始める手順まとめ

WordPressでブログを始める方法を1記事にまとめました。解説通りに作業を進めていけば、いまこの瞬間からブログは立ち上げられます。一緒にブログで副業を始めてみませんか?

スポンサーリンク

この記事をシェアする
  • URLをコピーしました!
  • URLをコピーしました!

コメント(確認後に反映/少々お時間をいただきます)

コメントする

目次