![【初心者向け】Cocoon モバイル版にもPC版のサイドバーを表示させたい!](https://yoshiyattemiru.com/wp-content/uploads/2022/05/create-blog021-1024x576.jpg)
ここでは、ブログのサイドバーをモバイル版で常時表示させるにはどうしたらいいの?という人向けに、
モバイル版での設定方法をわかりやすく画像付きで解説いたします。
こちらはCocoonユーザ向けの記事となっております。
ブログの表示方法はいろいろありますが、最初からぜんぶ表示させておけば読者にもわかりやすいのではないかと思い、実際に表示させてみました。
モバイル版にサイドバーを表示させよう
当ブログの場合、パソコンの画面では記事(2カラム)の右側に、リンクや新着記事などのサイドバーがあります。
![【初心者向け】Cocoon モバイル版にもPC版のサイドバーを表示させたい!](https://yoshiyattemiru.com/wp-content/uploads/2022/06/sidebar001.jpg)
しかしスマホでブログをみるとどこにもそのサイドバーがありません。
![【初心者向け】Cocoon モバイル版にもPC版のサイドバーを表示させたい!](https://yoshiyattemiru.com/wp-content/uploads/2022/06/sidebar002-576x1024.jpg)
では、モバイル版でもサイドバーを表示させよう!
ダッシュボードのCocoon設定>モバイルで、
![【初心者向け】Cocoon モバイル版にもPC版のサイドバーを表示させたい!](https://yoshiyattemiru.com/wp-content/uploads/2022/06/sidebar003.jpg)
モバイルボタンの「モバイルボタン時コンテンツ下のサイドバーを表示」にチェックを入れて変更をまとめて保存します。
![【初心者向け】Cocoon モバイル版にもPC版のサイドバーを表示させたい!](https://yoshiyattemiru.com/wp-content/uploads/2022/06/sidebar004.jpg)
するとスマホにもパソコン版にあるサイドバーが表示されました!
ただしスマホの画面はせまいので本文の右ではなく下に表示されます。
![【初心者向け】Cocoon モバイル版にもPC版のサイドバーを表示させたい!](https://yoshiyattemiru.com/wp-content/uploads/2022/06/sidebar005-576x1024.jpg)
まとめ
・モバイル版にもブログのサイドバーを常時表示させたい。
・Cocoon設定>モバイルから簡単に表示できます。
![](https://yoshiyattemiru.com/wp-content/uploads/2022/03/yoshiyattemiruicon-150x150.gif)
余談です
モバイルメニューの「ボタンを表示しない」にチェックを入れたら、パソコン版でも本文の下にサイドバーの項目が表示されました。
これはウインドウが狭いときの、記事本文の横にサイドバーが表示されないときの位置のようです。
アプリで簡単にアイキャッチ画像がつくれます
【LINE Camera】スマホでサムネイル(アイキャッチ)画像をつくってみた!
ads
検索でポイントゲット!楽天ウェブ検索
新規登録&アンケート回答でポイントゲット!楽天リサーチアンケートモニター募集!
初回会員登録&メールdeポイント新規登録で楽天ポイントゲット!楽天ポイントモール