案件獲得できなかったら全額返金!未経験からプロのエンジニアスキルを身につけ、フリーエンジニアとして稼げるまで徹底サポート。オンラインでも教室でも学習可

【WordPress入門】WordPressで固定ページを作成する方法

【WordPress入門】WordPressで固定ページを作成する方法
Pocket

WordPressをブログとして利用している場合、最初のページには投稿されたエントリーが新しい順に並んでいるのが一般的な形ですが、そのサイトの特定のコンテンツをトップに置きたいという方もいらっしゃるのではないでしょうか。
そんな場合には固定ページを作成してトップに表示されるよう設定する事ができます。また、プロフィールやエントリーとは別に表示したいページがあるような場合にも固定ページをメニューから呼び出せるようにする事も可能です。
今回はWordPressの固定ページの作成方法についてご説明します。

固定ページを新しく作成する

固定ページを新規追加する

17 e1471844894549 - 【WordPress入門】WordPressで固定ページを作成する方法

ダッシュボードから固定ページ>新規追加を選んでクリックします。

23 e1471844953547 - 【WordPress入門】WordPressで固定ページを作成する方法

固定ページの新規作成画面に移動するので、あとは記事を投稿する時と同じように画像を挿入したりして内容を編集します。テーマによって右側のページ属性のボックスにテンプレートを選択するメニューがあったり、画面上部にある「表示オプション」を変更する事でもオプションを設定するボックスを追加する事ができますが、今回は初期設定のままで進める事にします。

編集が終わったら「公開」をクリックして固定ページの作成は終了となります。ただし、作成しただけではまだどこからもリンクされていない状態ですので、どの場所に表示するのか設定する必要があります。

サンプルページを編集する

最初からWordPressに入っているサンプルページを編集して固定ページを作ります。

33 e1471844995710 - 【WordPress入門】WordPressで固定ページを作成する方法

まずは固定ページ>固定ページ一覧をクリックします。

43 e1471845020596 - 【WordPress入門】WordPressで固定ページを作成する方法

サンプルページの「編集」をクリックします。

62 e1471845094704 - 【WordPress入門】WordPressで固定ページを作成する方法

まっさらな状態で一から固定ページを作るより、まずはこのサンプルページをカスタマイズして作った方がわかりやすいかと思います。操作に関しては基本的に投稿とほとんど変わりません、強いてあげるならカテゴリやタグの設定が出来ないという事くらいです。

72 e1471845241543 - 【WordPress入門】WordPressで固定ページを作成する方法

パーマリンク名を変更する事も出来ますので、わかりやすい名前をつけておくのも良いでしょう。パーマリンク名を変更した場合はOKをクリックし、編集が終わった時には忘れずに更新しておく必要があります。

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

それではブログを開いた時にサンプルページをトップに表示するよう設定してみましょう。もちろん固定ページを新規に作成されている方はそちらを使用していただいて構いません。

82 e1471845356331 - 【WordPress入門】WordPressで固定ページを作成する方法

ダッシュボードの設定>表示設定をクリックします。

92 e1471845375628 - 【WordPress入門】WordPressで固定ページを作成する方法

表示設定画面の一番上「フロントページの表示」の設定内容を変更します。現在は「最新の投稿」に印がついているのでその部分を「固定ページ」にします。
するとその下の設定項目が変更出来るようになりますので「フロントページ」のプルダウンメニューからサンプルページを選択します。
終わったら変更を保存して、実際にブログがどうなっているか確認してみましょう。

<変更前>
102 e1471845417233 - 【WordPress入門】WordPressで固定ページを作成する方法

<変更後>
112 e1471845442799 - 【WordPress入門】WordPressで固定ページを作成する方法

1件もエントリーを投稿していないので少々わかりにくいかもしれませんが、WordPress作成時にデフォルトで投稿されているHello world!がサンプルページに置き換わりました。

固定ページをメニューに追加する方法

次はメニューに固定ページを追加する方法を説明します。

122 e1471845469246 - 【WordPress入門】WordPressで固定ページを作成する方法

ダッシュボードから外観>メニューをクリックします。

132 e1471845521494 - 【WordPress入門】WordPressで固定ページを作成する方法

まずはメニューを新規に作成する所から始めます。メニュー名にこれから作りたいメニューの名前を入れて「メニューを作成」をクリックします。

141 e1471845545167 - 【WordPress入門】WordPressで固定ページを作成する方法

メニューに追加できるものには固定ページ、投稿、カスタムリンク、カテゴリーとありますが、今はブログのトップに戻る為のホームとサンプルページだけにします。
左側にあるボックスの固定ページ>すべて表示のタブを選んで「すべて選択」をクリックします。追加したくないページがある場合はチェックボックスのチェックを外すか、個別にチェックを入れて下さい。
最後に「メニューに追加」をクリックします。

151 e1471845579114 - 【WordPress入門】WordPressで固定ページを作成する方法

右側のボックスにある「メニュー構造」にホームとサンプルページが追加されました。この画面でメニューの順番を入れ替えたり、メニューを階層構造にする事も出来ます。その下のメニュー設定にあるテーマの位置は「メインメニュー」にチェックを入れて下さい。
ここまで済んだら「メニューを保存」をクリックする事で設定は終了です。それでは実際にメニューが追加されたか確認してみましょう。

161 e1471845611725 - 【WordPress入門】WordPressで固定ページを作成する方法

選択したテーマによってメニューの表示位置は変わってきますが、デフォルトのテーマ(Twenty-Sixteen)ですと画像の位置に先ほど作成したメニューが表示されているはずです。
これでメニューに追加した固定ページを開く事が出来るようになりました。

固定ページをうまく活用しましょう

固定ページは日々更新する必要の無い、または更新頻度の少ない内容にするのが一般的ですが、使い方は人それぞれです。投稿ページと固定ページをうまく使い分ける事で、サイトのデザインや表現の幅も更に広がっていく事でしょう。

投稿者:プログラミング教育ナビ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

プログラミングで挫折しそうなら、現役エンジニアにマンツーマンで相談してみませんか?オンラインのプログラミングスクール「TechAcademy」のメンターが対応。

この記事が気に入ったら
いいね!しよう

プロナビの最新情報をお届けします

あわせて読みたい

関連記事

イベントのご案内

☆=LOVE&≠MEメンバーも出演☆
めざせ!プログラミングスターLIVE
BS日テレ / Hulu で好評の番組 『めざせ!プログラミングスター』が スタジオを飛び出し、ついに課外授業(LIVE)を開催 ‼

 ▷ イベント詳細はこちら♪
ページ上部へ戻る
ja 日本語
X