Cocoonで新サイトを立ち上げたんですが…どうやってもサイドバーが表示されない!と焦りました。
PCもスマホもどちらもです。
結構悩んでいる人が多いみたいで、ネット上でも対応策が出ていたんですが、それをやっても直らなかったんです。
で、いろいろ弄ってみてあっさり解決したので、Cocoonでサイドバーが表示されないときの対処法をまとめてみました。
表示しない方が良いときは、逆にここを弄ってしまえばOKということですね!
ほかのサイトでも掲載されているものもあわせて紹介するので、片っ端から試してみてくださいね。
Cocoonでサイドバーが表示されないときの対処法
Cocoonのサイドバーの設定がうまくいかない😂#ブログ初心者
— kujilife 🐋ブログ初心者 (@kuji_life) September 4, 2023
Cocoonでサイドバーが表示されないときの対処法を順に紹介していきます。
ウィジェットから設定する
まず基本中の基本、ウィジェットから設定する方法を紹介します。
わたしはここを設定しているのに表示されなかったので、なんでだろう?と悩みました。
- 左のバーにある「外観」→「ウィジェット」をクリック。
- サイドバーに入れたいもの、例えば「人気記事」のバー右の▼をクリック。
- サイドバーにチェックが付いていることを確認し、「ウィジェットを追加」をクリック。
- 各項目の設定をして、完了、保存をクリック。
これでサイドバーに表示されます。
Cocoonの全体表示でサイドバーの設定
上記で表示されない場合は、Cocoonの全体表示で設定してみましょう。
- 左のバーにある「Cocoon設定」を開き、上段にある「全体」のタブを開きます。
- 下から4、5番目の「サイドバーの位置」、「サイドバーの表示状態」を設定します。
- 最後に一番下にある「変更をまとめて保存」をクリック。
サイドバーの名称の色を白色からカラーに
サイドバーの見出しが表示されない場合は、カラーが白になっている場合があるようです。
このときもCocoon設定の「全体」タブを開き、キーカラーを色付きにしてください。
スキンを変更する
スキンによってサイドバーに対応していないようです。
Metal Stylesスキンはサイドバーが表示されません。
ほかのスキン大丈夫そうです。
スキンの表示を確認したい方は、Cocoon公式ページをご覧ください。
使っている画面幅が狭い
今設定をしているPCなどの画面幅が狭いせいでサイドバーが表示されない場合もあるようです。
Ctrl+0で100%の表示に戻るので、表示状態を正常値に戻してください。
ページ設定を変える
ページごと、固定ページの「ページ設定」が1カラムになっている場合は、デフォルトに戻します。
もしかしたら、1カラムになっているせいでサイドバーが表示されないのかもしれません。
ウィジェットのサイドバー追従に入れる
サイドバーに項目を入れてもサイドバーに入れたいボックスが表示されない場合は、サイドバー追従に入れてください。
わたしは下の方法とこちらにも入れて、表示できました。
メニューのフッターのチェックを外す
わたしはメニューのフッターにチェックが入っていたことで、Cocoonのサイドバーが表示されない状態でした。
- 左のバーにある「外観」→「メニュー」→「メニュー構造」で作ったフッターメニューのメニュー設定の「フッターボタン」のチェックを取ります。
- 右下の「メニューを保存」をクリック。
初心者の方はなるべくCocoon独自の設定で済ませましょう!
上記以外のトラブルもネットで確認しましたが、独自に親テーマから弄ってしまったり、CSSを弄ったことでうまく表示できなくなることがあるようです。
どこがおかしくなったのかわからなくなった場合は、テーマ自体のバックアップを必ず取ってから入れなおした方がよさそうですね。
基本的にはテーマの入れ直しをすることで、直ると思いますが、確定ではありません。
わたしもCocoonの初心者なので、細かいところは回答できないので、詳しい人に聞くかCocoonフォーラムで質問した方が良いと思います。
cocoonサイドバーが表示されないときの対処方法をまとめて紹介
【スマホでブログサイドバーを表示させる方法:cocoon編】
「cocoon設定」→「モバイル」→「モバイルボタン時コンテンツ下のサイドバーを表示」にチェック
サイドバーはモバイル版には基本表示されていません。記事下に「人気記事」等を表示して回遊性を上げましょう!#ブログ初心者#ブログ書け
— てとらぼ@月10万PV釣りブロガー (@tetorab0) December 25, 2021
Cocoonのサイドバーが表示されない原因はさまざまです。
ただ、ほとんどの場合、Cocoon自体の設定でサイドバーが表示されない問題を解決することができます。
上記の方法でも解決できない場合は、親テーマ、子テーマを弄っていないか、CSSでカスタマイズしていないか、思い出してみてください。
一度、テーマのバックアップを取ってから入れなおした方が良いかもしれません。
また、不安な場合は自分で判断せずに、Cocoonのフォーラムで質問した方が良いでしょう。
コメント