無料テーマCocoon パソコンのサイドバー表示方法 スマホでも常に表示させる

ブログ

こちらのブログには、無料テーマCocoonを使用しています。

ほとんどの方がスマホからネットを見ていると思いますが、パソコンからも見ている方は一定数存在します。

両者に対応できるように、パソコンでの表示とモバイルでの表示をそれぞれ設定した方が良いと思いますので、それぞれの設定方法について解説します。

まずは、パソコンでサイドバーを表示させる方法です。

「カスタマイズ」から、Cocoonの設定のウィジェットを触っていきます。

ウィジェットの項目の上にある「サイドバー」を選択します。

すると色々なウィジェットが追加できるので、自分のお好みに合わせてカスタマイズしましょう。

ウィジェットの1つ1つにも設定があり、例えば「人気記事」では、

・ブログでの表示方法

・記事の表示件数

・PVの集計方法(1週間なのか1か月なのかなど)

人気記事を「週間ランキング」と表示するのなら、PVの集計方法は1週間にするのが良いでしょう。

これでパソコンでの設定は終了です。

次にモバイルの設定方法ですが、モバイル(スマホ)では、画面サイズ的にサイドバーが隠れているので、ユーザーがサイドバーのアイコンをクリックしてくれないと表示されません。

それでは集客メインであるモバイルユーザーへのアプローチが弱いので、サイドバーをクリックして表示しなくても常にメイン画面に表示する方法を解説します。

もの凄く簡単でワンクリックで設定を変更する事が可能です。

Cocoon設定の「モバイル」の中にある項目にチェックを入れるだけになります。

これは最初からチェックが入って欲しい項目ですね。

これでモバイルからサイトを見ても、サイドバーがメインスクロールの中に入っています。

設定が終わったら、パソコン、スマホの両方から確認してみて、ユーザーが見やすいようなデザインになっているのかを意識してみましょう。

無料テーマCocoonでトップページを超簡単にサイト型に変更する方法はこちら

応援クリック宜しくお願いします↓↓( *´艸`)

ブログランキング・にほんブログ村へにほんブログ村
人気ブログランキング
タイトルとURLをコピーしました