Cocoonのスマホ版表示でサイドバーをメインカラムの下に表示する方法

ブログ

こんにちは、リュウスケです。

今日はこんな疑問に答えます↓

Cocoonのスマホ版の表示でメインカラムの下にサイドバーを表示したいんだけど、やり方が分からないので教えてほしい。

リュウスケ
リュウスケ

この記事では、Cocoonのメインカラムの下にサイドバーを表示する方法を実際の設定画面の画像付きでできるだけわかりやすく解説していきます。

 

記事を最後まで読むことでCocoonのスマホ版表示の際にメインカラムの下にサイドバーを
表示する方法を知ることが可能。

Cocoonのスマホ版表示でメインカラムの下にサイドバーを表示したい人はぜひ最後まで、
お付き合いください。

1:Cocoonのスマホページでサイドバーをメインカラム下に表示する方法

まずは、WordPressのサイドバーの[Cocoon設定]→[Cocoon設定]をクリックしてCocoonの
管理画面に移動してください。

 

クリックすると下みたいな感じのページに移動します↓

 

移動したら真ん中の段の右から5番目の[モバイル]をクリックして、モバイル版の設定ページに
移動してください。

移動したら、まず上の[モバイルメニュー]の設定部分の[フッターモバイルボタン]のボックスに
チェックを入れてください。

 

チェックを入れたら、さらに下までスクロールを進めていって[モバイルボタン時コンテンツ下の
サイドバーを表示
]ボックスにもチェックを入れてください。

 

最後に一番下の[変更をまとめて保存]をクリックして変更を保存することでメインカラムの下に
サイドバーが表示されるようになります。

 

デフォルトだと、ボタンを押さないとサイドバーが表示されない仕様になっているはずなので、
メインカラムの下にサイドバーを表示することで読者がボタンを押す手間を省けるので、
読者目線のブログになるのがメリット。

 

ボタン表示よりも初めから表示されている方が読者目線で見ると良いですよね♪

 

以上がCocoonのスマホ版表示でメインカラムの下にサイドバーを表示する方法の解説でした。

この記事がCocoonのスマホ版表示でメインカラムの下にサイドバーを表示する方法を知りたいと
思っていた人の参考になったら嬉しいです。

おわり。

タイトルとURLをコピーしました