cocoon

【Cocoon】サイドバーについて初心者にも分かりやすく!

cocoon

サイドバーとは何か

サイドバーとは

画像で赤く囲われている場所のように

記事の横に配置されたメニューバーのことです

 

Cocoonのサイドバーに関する設定

Cocoonではサイドバーを表示するページの種類やサイドバーを

左右どちらに表示するかを簡単に設定できる機能があります

Cocoon設定の中の「全体」を選択して画面をスクロールしていくと

「サイドバーの位置」と「サイドバーの表示状態」という項目があるのでチェックを入れることで設定する事ができす

 

Cocoonでサイドバーを表示させる方法

Cocoonでサイドバーを設定するには

「外観」の中の「ウィジェット」を選択します

するとサイドバーの欄があるので

この欄に自分のブログに追加したい項目をドラッグして

貼り付けます

例えばSNSのフォローボタンを増やしたい場合は

こんな感じ

このようになればOKです

これで実際のページを見てみると

こうだったのが

ちゃんとSNSのフォローボタンがつきましたね!

また、これらの上下の順番を変えることもできます

この順番通りにサイドバーに表示されるので覚えておきましょう

サイドバーが表示されない時の対処法

そもそも「外観」の中の「ウィジェット」にサイドバーの欄がない場合

そもそも

上の写真のように

「外観」の中の「ウィジェット」を選択しても

サイドバーの欄が見当たらない場合は

Cocoon設定の中の「ウィジェットエリア」を選択して

除外ウィジェットエリアにサイドバーが含まれていないか

確認してみてください

「外観」の中の「ウィジェット」でサイドバーの欄の設定をしたのに表示されない場合

①カラム数が1になっているとサイドバーが表示されないのでカラム数を確認してみる

②スキンによってはカラム数が1になるスキンもあるのでスキンを変えて

サイドバーが表示されるか確認してみる

 

おまけ

ここまでこの記事を読んできたことを実践すれば

サイドバーを設定することはできるのですが

「デザインがもっとこうだったらいいのに」と思う方もいるでしょう

そんな方はcssを使ってサイドバーを自分好みに

カスタマイズすることをオススメします

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