【Cocoon】サイドバーのタグの設定変更方法

自分の為にも、編集の記録を書き残していきたいと思います。

「サイドバーのタグ設定」
「サイドバーの表示順と表示内容を編集する」

サイドバーのタグ設定
サイドバーの表示順と表示内容を編集する

サイドバーのタグ設定

テーマエディタを開く

何も設定していない場合は、赤枠内のような感じになります。

テーマエディタを開いて、編集していきましょう。

外観＞テーマエディタ

をクリックしてください。

場所は用意されていないので、自分で確保しましょう。私は、メインのタグの下に追加しました。

分からなくならないように、下のようなコメントを追加しました。

/ ****************************** 
 ** スライダー見出し
 / ******************************

サイドバーのタグはH3です。

.sidebar h3 {

の後に好きなように設定しましょう。内容はメインのタグと同じ感じになります。

ちなみに私の設定は、

/ ****************************** 
 ** スライダー見出し
 / ****************************** 
 .sidebar h3 {
 background:none;
   background: #222222; /背景色/
   padding: 0.5em;/文字周りの余白/
   color: white;/文字を白に/
   border-radius: 0.5em;/角の丸み/
 }