「サイドバーを非表示にしたい」
「スマホでサイドバーを非表示にする方法は？」
「特定のページだけサイドバーを非表示にできる？」
この記事では、そんな方に向けて、Cocoonでサイドバーを非表示にする方法を解説します。
かめコンパスこんにちは、かめコンパスです！
この記事を読めば、あなたも簡単に
- サイドバーを非表示
- スマホでもサイドバーを非表示
- 特定のページだけサイドバーを非表示
にできるようになります。
私もあなたと同じことに悩んでたのですが、本記事の方法でパパッと解決できました。
どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください！
Cocoonでサイドバーを設定する方法も、下の記事で解説しています。
また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。
さっそく本題に入りましょう。
当ブログ愛用のWordPressテーマ
＼もっと早く乗り換えればよかった…／
使い心地バツグン、高機能でオシャレ！
Cocoonでサイドバーを非表示にする3つの方法
Cocoonでサイドバーを非表示にする方法は、下記3つあります。
それぞれ詳しく解説します。
Cocoon設定でサイドバーを非表示にする
Cocoon設定でサイドバーを非表示にする方法は、下記の通りです。
WordPress管理画面で、Cocoon設定⇒全体の順にクリックする
「サイドバーの表示状態」でサイドバーを非表示にしたいページを選ぶ
変更をまとめて保存をクリックする
これでサイドバーを非表示にできます
Cocoonでサイドバーを非表示にできるページは、下記6つあります。
それぞれ詳しく解説します。
全てのページで非表示にする
文字通り、サイト内にある全てのページでサイドバーが非表示になります。
かめコンパスサイドバーにある情報に目移りせず、ページを読むのに集中できる
フロントページのみ非表示にする
トップページのみサイドバーを非表示にできます。
かめコンパスサイト型トップページを作る際におすすめ
インデックスページのみ非表示にする
Googleなどの検索エンジンで検索したときに表示されるページがインデックスページです。
Cocoonではインデックスページのサイドバーを非表示にできます。
例えば、投稿記事、プロフィール、カテゴリー一覧などがインデックスページになるかと思います。
かめコンパス他の記事も読んでほしいので、表示がおすすめ
固定ページのみ非表示にする
固定ページでサイドバーが非表示になります。
プロフィール、プライバシーポリシー、お問い合わせフォーム、サイトマップが固定ページになると思います。
かめコンパス固定ページではサイドバーがなくても問題なさそう
投稿ページのみ非表示にする
投稿ページでサイドバーが非表示になります。
かめコンパス記事の回遊率が下がるのでおすすめしないかな
404ページのみ非表示にする
そのページにアクセスしても存在しなかった場合に表示されるのが404です。
Cocoonでは404ページのみでもサイドバーを非表示にできます。
かめコンパスお好みでどうぞ
ウィジェットでサイドバーを非表示にする
Cocoonのウィジェットでサイドバーを非表示にする方法は、下記の通りです。
WardPress管理画面で、外観⇒ウィジェットの順にクリックする
- サイドバーをプルダウン
- 項目をプルダウン
- 削除をクリックする
すべての項目を削除するとサイドバーを非表示にできます
記事編集画面でサイドバーを非表示にする
Cocoonの記事編集画面でサイドバーを非表示にする方法は、下記の通りです。
サイドバーを非表示にしたいページの記事編集画面で、
- 設定をクリック
- 投稿をクリック
- ページ設定をプルダウンする
- ページタイプをプルダウン
- デフォルト以外から選ぶ
更新をクリックする
これでサイドバーを非表示にできます
Cocoonでスマホのサイドバーを非表示にする方法
スマホを下にスクロールするとサイドバーが表示される場合もあります。
Cocoonでスマホのサイドバーを非表示にする方法は、下記の通りです。
WordPress管理画面で、Cocoon設定⇒モバイルの順にクリックする
「モバイルボタン時コンテンツ下のサイドバーを表示」の✔を外す
変更をまとめて保存をクリックする
これでスマホのサイドバーを非表示にできます
Cocoonのサイドバーで任意の項目を任意のページで非表示にする方法
Cocoonのサイドバーで任意の項目を任意のページで非表示にするには、ウィジェットから設定します。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
- サイドバーをプルダウン
- 非表示にしたい項目をプルダウンする
- 表示設定をクリック
- ウィジェットの表示で「チェック・入力したページで非表示」を選ぶ
- 非表示にしたいページに✔、もしくは投稿IDを入力
- 保存をクリックする
これでサイドバーで任意の項目を任意のページで非表示にできます。
Cocoonのサイドバーから非表示にするおすすめの設定2選
Cocoonのサイドバーから非表示にするおすすめの設定方法を2つ紹介します。
かめコンパス当ブログを例に解説するよ
任意のカテゴリー・タグ一覧で関係のない記事をサイドバーから非表示にする
上の画像は、当ブログのCocoonカテゴリーページにあるサイドバーの比較です。
afterのように、任意のカテゴリー・タグ一覧で関係のない記事をサイドバーから非表示にすることで、
- サイトに統一感が出る
- ユーザーの興味がある記事だけ表示できる
- 関連記事のPV数が増える
などが期待できます。
かめコンパス見た目スッキリ！ユーザーの利便性も上がって良いことづくし！
設定方法は以下の通りです。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
- サイドバーをプルダウン
- 任意のカテゴリー・タグ一覧で非表示にしたい項目をプルダウン
- 表示モードで「カテゴリー別〇〇記事」を選ぶ
保存をクリックする
これで任意のカテゴリー・タグ一覧で関係のない記事をサイドバーから非表示にできます
任意のページで関連性のないページをサイドバーから非表示にする
上の画像は、当ブログのCocoon記事にあるサイドバーの比較です。
afterのように、任意のページで関連性のないページをサイドバーから非表示にすることで、
- サイトに統一感が出る
- ユーザーの興味がある記事だけ表示できる
- 関連性のある別記事へ誘導できる
などが期待できます。
かめコンパス他の記事もユーザーに見てほしいよね
設定方法は以下の通りです。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
- サイドバーをプルダウン
- 非表示にしたい項目をプルダウンする
- 表示設定をクリック
- ウィジェットの表示で「チェック・入力したページで非表示」を選ぶ
- カテゴリーをクリック
- 非表示にしたいカテゴリーページに✔
- 保存をクリックする
これで任意のページで関連性のないページをサイドバーから非表示にできます
まとめ：ページごとにサイドバーの非表示を使い分けよう
今回は、Cocoonでサイドバーを非表示にする方法を紹介しました。
以下の記事では、サイドバーで非表示にする以外のカスタマイズ方法も紹介しています。
また当ブログでは、Cocoonに関する記事をいくつか書いてます。
下のカテゴリーページにまとめていますので、のぞいてみてください。
かめコンパスためになったという人は“コメント”してくれると嬉しいです！
コメント