![](https://www.kamecompass.com/wp-content/uploads/2024/03/0-5.png)
「固定ページと投稿ページの違いって何?」
「固定ページの作り方を知りたい」
「固定ページを設置する方法は?」
この記事では、そんな方に向けて、Cocoonで固定ページの作り方と設置方法を解説します。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
こんにちは、かめコンパスです!
この記事を読めば、あなたも簡単に
- 固定ページについて
- 固定ページの作り方
- 固定ページを設置する方法
が理解できるようになります。
私も固定ページが表示されないので悩んでいたのですが、本記事の方法でパパッと解決できました。
どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください!
また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-2.jpg)
さっそく本題に入りましょう。
当ブログ愛用のWordPressテーマ
\もっと早く乗り換えればよかった…/
使い心地バツグン、高機能でオシャレ!
Cocoonの固定ページとは?
![](https://www.kamecompass.com/wp-content/uploads/2024/03/1-6.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/1-6.png)
固定ページとは、Webサイト内でカテゴリーやタグに属さない単体のページのことです。
例えば、当ブログでは以下のカテゴリーが存在します。
- Cocoon
- Canva
- 沖縄グルメ
それぞれのカテゴリーには10記事以上のページがありますが、
固定ページは、これら全てのカテゴリーに属さない独立した単体のページになります。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
固定ページについてより詳しく紹介するよ
固定ページと投稿ページの違い
![](https://www.kamecompass.com/wp-content/uploads/2024/03/1-1-6.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/1-1-6.png)
Cocoonの固定ページと投稿ページの違いを以下にまとめました。
固定ページ | 投稿ページ | |
---|---|---|
カテゴリー | 属さない | 属する |
タグ | 属さない | 属する |
カルーセル | 表示なし | 表示あり |
デザインテンプレート | 設定可 | 設定不可 |
ページの親子関係 | あり | なし |
ブログへの表示 | 公開ボタンを押し、 そのリンクを設置する | 公開ボタンを押すのみ |
人気記事 | 表示なし | 表示あり |
ページの更新頻度 | 少ない | 多い |
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
記事は投稿ページで書こうね
固定ページの使い道
![](https://www.kamecompass.com/wp-content/uploads/2024/03/1-2-6.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/1-2-6.png)
Cocoonの固定ページでは、主に下記5つを作成します。
- 【必須】お問い合わせフォーム
- 【必須】プライバシーポリシー
- 【推奨】プロフィール
- 【推奨】サイトマップ
- 【任意】サイト型トップページ
それぞれ見ていきます。
お問い合わせフォーム
ユーザーとの接点を持つためにお問い合わせフォームを作成するのは必須です。
お問い合わせフォームがあれば、
- 記事内容の誤りを教えてくれる
- 著作権違反を指摘してくれる
- 仕事の依頼がもらえる
こともあります。
ですので、ブログ開設した直後に設置しましょう。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ブログ運営歴1年未満な私でも1~2回お問い合わせを受けたことがあるよ
Cocoonでお問い合わせフォームの設置方法は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/01/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/01/a98b1120712ae2558c294773114e59b3-2.jpg)
プライバシーポリシー
プライバシーポリシーは、ユーザーの個人情報の利用目的や管理方法、またブログ運営者が負う責任の範囲などをまとめたものです。
もしプライバシーポリシーがないと、ユーザーとトラブルがあった場合に回避できなくなるので、必ず作りましょう。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
1番初めに作成すべきページ!
Cocoonでプライバシーポリシーの設置と書く内容については、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-8.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-8.jpg)
プロフィール
サイトを運営している人がどういう人なのか?を紹介するページがプロフィールです。
かんたんにプロフィールを書くことで、
- 安心感(=悪質サイトではないか)
- 親近感(=趣味が同じ、年齢が近いなど)
- 信頼感(=間違った情報が書かれてないか、実績があるかなど)
が得られます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
サイト運営者の名前も覚えてもらえるね
Cocoonでプロフィールを設置する方法は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3.jpg)
サイトマップ
サイトマップは、全ての投稿・固定ページを一覧でまとめたページのことです。
サイトマップがあれば、ユーザーが読みたい記事をかんたんに探すことができ、利便性が上がります。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ないよりはあった方がいいかな
サイト型トップページ
Cocoonでは固定ページを用いて、サイトのトップページを自由にカスタマイズできます。
通常、トップページには新着記事から順に表示されますが、サイト型トップページでは表示する記事の順番を自由に決められます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
記事が多くなったらサイト型にするか考えるといいね
Cocoonでサイト型トップページを設定する方法は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3.jpg)
Cocoonで固定ページの作り方
![](https://www.kamecompass.com/wp-content/uploads/2024/03/2-10.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/2-10.png)
Cocoonの固定ページを作る上で、以下11つの基本的な操作方法を紹介します。
固定ページを新規追加する
固定ページを作りたい場合は、まずWordpress管理画面を開きます。
画面左側のサイドバーにある固定ページ⇒新規固定ページを追加の順にクリックしてください。
![「固定ページ」、「新規固定ページを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-1-2-3.png)
![「固定ページ」、「新規固定ページを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-1-2-3.png)
これで固定ページを作成できるページに移動します。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
間違えて投稿ページで作らないでね
タイトルや本文を入力する
![タイトルと本文を入力する場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-2-1-4.png)
![タイトルと本文を入力する場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-2-1-4.png)
実際にタイトルと本文を入力していきます。
固定ページは投稿ページと違い、SEO対策をしなくてもいいので、シンプルなタイトルでOKです。
本文はタイトルに沿った内容を書きましょう。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
タイトルと本文の内容が違うと、ユーザーが混乱するよ
見出しを作る
![見出しの見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-3-1-2.png)
![見出しの見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-3-1-2.png)
固定ページの見出しもSEO対策が不要で、シンプルでOKです。
見出しを作りたい場合は、記事投稿画面の左上にある+をクリックします。
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-2-3.png)
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-2-3.png)
表示されたメニューから「見出し」を選びます。
![「見出し」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-3-2-2.png)
![「見出し」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-3-2-2.png)
これでページに見出しを挿入できます。
Cocoonで見出しの設定方法を詳しく知りたい場合は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/10/a98b1120712ae2558c294773114e59b3-1-4.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/10/a98b1120712ae2558c294773114e59b3-1-4.jpg)
画像を挿入する
![画像を挿入した様子](https://www.kamecompass.com/wp-content/uploads/2024/03/2-4-1-1.png)
![画像を挿入した様子](https://www.kamecompass.com/wp-content/uploads/2024/03/2-4-1-1.png)
固定ページにフリー画像や自作の画像をかんたんに挿入できます。
画像を挿入する方法は、記事投稿画面の左上にある+をクリックします。
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-2-3.png)
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-2-3.png)
表示されたメニューから「画像」を選びます。
![「画像」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-4-2-1.png)
![「画像」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-4-2-1.png)
ページに画像ブロックが挿入されるので、
- アップロード
- メディアライブラリ
のどちらかをクリックして画像を挿入します。
![「アップロード」、「メディアライブラリ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-4-3-1.png)
![「アップロード」、「メディアライブラリ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-4-3-1.png)
画像が挿入されたら、挿入完了です。
パーマリンクを設定する
![パーマリンクの見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-1-1.png)
![パーマリンクの見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-1-1.png)
パーマリンクとは、そのページのURLのことです。
パーマリンクの設定は、記事投稿画面の右上にある設定をクリックします。
![「設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-2.png)
![「設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-2.png)
固定ページ⇒「URL」の順にクリックして表示されるパーマリンク欄で設定してください。
![パーマリンク欄がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-3.png)
![パーマリンク欄がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-3.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
文字化け防止のため、日本語は使わないように!
目次を設定する
![目次の見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-6-1.png)
![目次の見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-6-1.png)
固定ページに見出しを作っていれば、自動的に目次が表示されます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
固定ページでは目次はなくても問題ないよ
Cocoonで目次の設定方法については、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/04/a98b1120712ae2558c294773114e59b3.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/04/a98b1120712ae2558c294773114e59b3.jpg)
アイキャッチ画像を設定する
![アイキャッチ画像の見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-7-1.png)
![アイキャッチ画像の見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-7-1.png)
アイキャッチ画像とは、ユーザーの目をひきつけるための画像のことです。
アイキャッチ画像の設定は、記事投稿画面の右上にある設定をクリックします。
![「設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-2.png)
![「設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-2.png)
固定ページ⇒「アイキャッチ画像を設定」の順にクリックして画像を挿入します。
![「固定ページ」、「アイキャッチ画像を設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-7-2.png)
![「固定ページ」、「アイキャッチ画像を設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-7-2.png)
画像が表示されたら、設定完了です。
Cocoonでアイキャッチ画像の設定方法を詳しく知りたい場合は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/10/a98b1120712ae2558c294773114e59b3-1-1.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/10/a98b1120712ae2558c294773114e59b3-1-1.jpg)
広告を設定する
![広告の見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-8-2.png)
![広告の見え方](https://www.kamecompass.com/wp-content/uploads/2024/03/2-8-2.png)
Cocoonでは、固定ページにGoogleアドセンスなどの広告を挿入できます。
ページごとに広告を設定したい場合は、記事投稿画面の右上にある設定をクリックします。
![「設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-2.png)
![「設定」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-5-2.png)
固定ページをクリックして、下にスクロールすると表れる「広告を除外する」で設定できます。
![「広告を除外する」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-8-1.png)
![「広告を除外する」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-8-1.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
プライバシーポリシーとお問い合わせフォームでは広告を非表示がおすすめ
メタディスクリプションを入力する
![Google検索結果でメタディスクリプションが表示されている様子](https://www.kamecompass.com/wp-content/uploads/2024/02/1-2-2-1.png)
![Google検索結果でメタディスクリプションが表示されている様子](https://www.kamecompass.com/wp-content/uploads/2024/02/1-2-2-1.png)
メタディスクリプションとは、記事の内容を50~120文字にまとめた文章のことで、Googleなどの検索結果に表示されます。
メタディスクリプションは、記事投稿画面の1番下にある「メタディスクリプション」に入力して設定してください。
![「メタディスクリプション」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-9-1.png)
![「メタディスクリプション」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-9-1.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
未入力でも、自動で記事の内容の一部が設定されるよ
noindexを設定する
![noindexされている様子](https://www.kamecompass.com/wp-content/uploads/2024/03/2-10-1.png)
![noindexされている様子](https://www.kamecompass.com/wp-content/uploads/2024/03/2-10-1.png)
noindexとは、自分で書いて公開した記事を検索エンジンに登録しないようにすることです。
noindexは、記事投稿画面の1番下にある「インデックスしない(noindex)」で設定できます。
![「インデックスしない(noindex)」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-10-2.png)
![「インデックスしない(noindex)」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-10-2.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
私は固定ページをすべてnoindexしてるよ
固定ページを公開する
固定ページを作成し終えたら、記事投稿画面の右上にある公開をクリックして、記事を公開しましょう。
![「公開」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-11-1.png)
![「公開」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/2-11-1.png)
Cocoonで固定ページの設置方法
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-8.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-8.png)
Cocoonで固定ページを設置する方法は、下記2つあります。
それぞれ詳しく解説します。
メニューバーで設定する
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-4.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-4.png)
メニューバーでは、
- ヘッダー
- フッター
に固定ページを設置できます。
Cocoonのメニューバーで固定ページを設置する方法は、下記の通りです。
WordPress管理画面で、外観⇒メニューの順にクリックする
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
「新しいメニューを作成しましょう」をクリックする
![「新しいメニューを作成しましょう」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2-1.png)
![「新しいメニューを作成しましょう」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2-1.png)
- メニュー名を入力
- メニューの位置を下記から選ぶ
- ヘッダーメニュー
- ヘッダーモバイルメニュー
- ヘッダーモバイルボタン
- フッターメニュー
- フッターモバイルボタン
- モバイルスライドインメニュー
- メニューを作成をクリックする
![「メニュー名を入力」、「メニューの位置」、「メニューを作成」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-1-2.png)
![「メニュー名を入力」、「メニューの位置」、「メニューを作成」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-1-2.png)
![PC画面でヘッダーメニューとフッターメニューの場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-2-1.png)
![PC画面でヘッダーメニューとフッターメニューの場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-2-1.png)
![スマホ画面でヘッダーモバイルボタン・ヘッダーモバイルメニュー・フッターモバイルボタン・モバイルスライドインメニューの場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-3-1.png)
![スマホ画面でヘッダーモバイルボタン・ヘッダーモバイルメニュー・フッターモバイルボタン・モバイルスライドインメニューの場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-3-1.png)
- 固定ページをプルダウン
- 「すべて表示」をクリック
- 設置したい固定ページに✔
- メニューに追加をクリックする
![設定したい固定ページをメニューに追加する手順](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-4-1.png)
![設定したい固定ページをメニューに追加する手順](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-4-1.png)
- 追加した固定ページを並び替える
- メニューを保存をクリックする
![「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-5.png)
![「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/03/3-1-5.png)
これでヘッダー・フッターに固定ページを設置できます
固定ページを設置したヘッダー・フッターはカスタマイズ可能です。
という方は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-4.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-4.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-3.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-3.jpg)
ウィジェットに追加する
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-2-8.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-2-8.png)
Cocoonのウィジェットで固定ページを設置する方法は、下記の通りです。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
![「外観」、「ウィジェット」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-1-1.png)
![「外観」、「ウィジェット」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-1-1.png)
- ウィジェット内にある固定ページをプルダウン
- 固定ページを設置したい場所をクリック
- ウィジェットを追加をクリックする
![固定ページを設置したい場所に追加する手順](https://www.kamecompass.com/wp-content/uploads/2024/03/3-2-1-3.png)
![固定ページを設置したい場所に追加する手順](https://www.kamecompass.com/wp-content/uploads/2024/03/3-2-1-3.png)
これで固定ページを設置できます
![ウィジェットに固定ページが追加された様子](https://www.kamecompass.com/wp-content/uploads/2024/03/3-2-2-1.png)
![ウィジェットに固定ページが追加された様子](https://www.kamecompass.com/wp-content/uploads/2024/03/3-2-2-1.png)
固定ページの設置におすすめな3つの場所
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-3-5.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/3-3-5.png)
Cocoonの固定ページを設置するのにおすすめな場所は、以下の3ヵ所です。
- フッター(サイト下部)
- ヘッダー(サイト上部)
- ボックスメニュー(サイト右側)
当ブログでは、
\タブの切り替え/
- プロフィール
- サイトマップ
- プライバシーポリシー
- お問い合わせフォーム
を設置しています。
![ヘッダー・フッター・ボックスメニューに設置している固定ページ](https://www.kamecompass.com/wp-content/uploads/2024/03/3-3-1-1.png)
![ヘッダー・フッター・ボックスメニューに設置している固定ページ](https://www.kamecompass.com/wp-content/uploads/2024/03/3-3-1-1.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ユーザーに見つけてもらいやすいよう設置するのがポイント!
Cocoonでボックスメニューを設定方法が知りたい方は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/03/a98b1120712ae2558c294773114e59b3-1.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/a98b1120712ae2558c294773114e59b3-1.jpg)
まとめ:固定ページは早めに作成しよう
![](https://www.kamecompass.com/wp-content/uploads/2024/03/4-8.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/03/4-8.png)
今回は、Cocoonで固定ページの作り方と設置方法を紹介しました。
当ブログでは、Cocoonに関する記事をいくつか書いてます。
下のカテゴリーページにまとめていますので、のぞいてみてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ためになったという人は“コメント”してくれると嬉しいです!
コメント